Bug 195832 - Hover styling disabled when hovering is a result of mousing down outside of hover element
Summary: Hover styling disabled when hovering is a result of mousing down outside of h...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 12
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-03-15 16:03 PDT by shalanah
Modified: 2021-01-14 06:28 PST (History)
5 users (show)

See Also:

Attachments
Screenshot gifs of example in chrome and safari. (795.35 KB, application/zip)
2019-03-15 16:03 PDT, shalanah 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description shalanah 2019-03-15 16:03:43 PDT 
Created attachment 364872 [details]
Screenshot gifs of example in chrome and safari.

Hover disabled on elements

Reproduce:
1. Mouse down ANYWHERE in a document
2. Mouse move over any element that has :hover styling
3. Hover state does not show

Example:
https://codepen.io/shalanah/pen/vPRoBg

Why is this an issue?
- No other browser behaves this way (Edge, FF, or Chrome).
- Leveraging :hover is FAST and I'd love to use it over adding event listeners that aren't as reliable.
- Not super fun when you have to add event listeners only for Safari.
- Would leverage with custom drag n' drop behaviors (with custom designed thumbnails)

Thanks!
Comment 1 Radar WebKit Bug Importer 2019-03-16 12:11:29 PDT 
<rdar://problem/48955196>
Comment 2 ian 2021-01-14 06:28:33 PST 
Was just about to report this.