Bug 214609 - Safari on iOS fires "pointerenter" with mouse pointerType in addition to touch
Summary: Safari on iOS fires "pointerenter" with mouse pointerType in addition to touch
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: UI Events (show other bugs)
Version: Safari 13
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-07-21 11:55 PDT by Devon Govett
Modified: 2020-07-21 14:35 PDT (History)
4 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Devon Govett 2020-07-21 11:55:19 PDT
When you have an element with a `tabIndex`, Safari on iOS fires the "pointer enter" and "pointerleave" events twice: once with `pointerType` set to "touch", and again with `pointerType` set to "mouse". After touching and releasing the element, the events fired are:

* pointer enter: pointerType = "touch"
* pointer leave: pointerType = "touch"
* pointer enter: pointerType = "mouse"

A pointer leave event with pointerType = "mouse" is not fired until the element is blurred (e.g. by tapping on something else that's focusable). Based on this information, it appears that focus/blur events are also causing pointer enter/pointer leave events.

You can try this out in a demo here: https://codepen.io/devongovett/pen/QWyYWYa
Comment 1 Radar WebKit Bug Importer 2020-07-21 13:28:24 PDT
<rdar://problem/65899993>
Comment 2 Wenson Hsieh 2020-07-21 14:30:06 PDT
> * pointer enter: pointerType = "touch"
> * pointer leave: pointerType = "touch"
> * pointer enter: pointerType = "mouse"

These seem like events that would be fired when dispatching synthetic click events, which should be fixed in the iOS 14 beta.