Bug 245571
| Summary: | Hover state on iOS background-color | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Nilesh Prajapati <nileshprajapati> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | thorton, wenson_hsieh |
| Priority: | P2 | ||
| Version: | Safari 16 | ||
| Hardware: | iPhone / iPad | ||
| OS: | iOS 16 | ||
Nilesh Prajapati
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Tim Horton
This is longstanding behavior intended to make pages that are not touch-adopted (and depend on hover for important functionality) work on touch-only devices.