[Webkit-unassigned] [Bug 104371] New: :active styling of buttons (or any element, really) is not removed on mouse-out

[bugzilla-daemon at webkit.org]

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

           Summary: :active styling of buttons (or any element, really) is
                    not removed on mouse-out
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: All
               URL: http://jsfiddle.net/S2Lez/
        OS/Version: All
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: rick at centrix.ca


Created an attachment (id=178216)
 --> (https://bugs.webkit.org/attachment.cgi?id=178216&action=review)
Video showing that mouse out does not remove the :active styling of a button tag

Native buttons on just about all platforms stop showing their highlighted (active) state when the cursor exits the button while the mouse is down. Buttons in WebKit do not do this.

jQuery-UI works around this, and you can see it properly working here:
http://jqueryui.com/button/

They do so by keeping an ivar around to track which was the clicked element.  On mouse down they add a class to the button, on mouse out they remove that class, on mouse in they readd the class if the mouse-in element is the same as the ivar. It's a hack, but it's what I'll be stuck doing to get buttons that feel native.

I'm nearly certain that this used to work properly in WebKit, but I don't have old builds around to do testing.

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