[Webkit-unassigned] [Bug 245571] New: Hover state on iOS background-color

[bugzilla-daemon at webkit.org]

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

            Bug ID: 245571
           Summary: Hover state on iOS background-color
           Product: WebKit
           Version: Safari 16
          Hardware: iPhone / iPad
                OS: iOS 16
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: nileshprajapati at hotmail.co.uk

Issue: Hover styling applied to button on the touch screen.


I notice an issue with the hover state on a touch screen device where the hover styling is applied and occurs when toggling a button (e.g. a navigation menu).

This issue only occurs when a user exits the navigation menu or selected a button on the same page.

A hover styling is presented and disappears when clicking away from the button.


While "@media (hover) and (pointer: fine)" media queries do fix this issue. 


@media (hover) and (pointer: fine) {
    button:hover {
        background: yellow;
    }
}

I am on the assumption that the CSS hover should only apply to devices with a mouse cursor, etc.


Please correct me if this is wrong.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220923/cad3033a/attachment.htm>