Bug 195832

Summary:

Hover styling disabled when hovering is a result of mousing down outside of hover element

Product:

WebKit

Reporter:

shalanah <shalanahfaith>

Component:

UI Events

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

ian, rniwa, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 12

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Screenshot gifs of example in chrome and safari.	none

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.