[Webkit-unassigned] [Bug 24217] New: MAJOR! Combining dynamic pseudo-classes hover and focus fails!

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=24217

           Summary: MAJOR! Combining dynamic pseudo-classes hover and focus
                    fails!
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: PC
        OS/Version: Mac OS X 10.5
            Status: UNCONFIRMED
          Severity: Critical
          Priority: P2
         Component: Accessibility
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: jab_creations at yahoo.com


This technically belongs to both accessibility and CSS components.

Spec available here...
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

"An example of combining dynamic pseudo-classes:

A:focus { background: yellow }
A:focus:hover { background: white }

The last selector matches A elements that are in pseudo-class :focus and in
pseudo-class :hover."

This should though is not supported in all major rendering engines. It's a
MASSIVE oversight considering how easy it would be to add focus/accessibility
support to existing websites with very minimal effort (find and replace
':hover' with ':hover:focus'). It would also reduce the need to repeat adding
the same CSS properties and values twice if the two pseudo-classes were
merged...as the spec dictates.

Test class...
a:focus:hover {background-color: #000; color: #fff;}

Add this to a test page and hover with your mouse cursor, move your mouse
cursor away, and then use the tab key (Safari *STILL* has tab disabled by
default in Safari 4 Beta!) to tab to an anchor. If anchors do not apply the
class property/values from the selector for *BOTH* hover *AND* focus it is not
working correctly.


-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.