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

shalanah

Reported 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!

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 attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2019-03-16 12:11:29 PDT

<rdar://problem/48955196>

ian

Comment 2 2021-01-14 06:28:33 PST

Was just about to report this.

Note You need to log in before you can comment on or make changes to this bug.