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
<rdar://problem/65899993>
> * 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.
I am unable to reproduce this bug using iOS 15.6.1 on iPhone 13 Pro Max and it does not show ‘mouse’ with positionenter in the demo from Comment 0. @Devon - if it is reproducible, appreciate if you can share updated testcase. Thanks!
I can confirm that it appears to be fixed in the latest iOS version.
I noticed that Safari on iOS triggers the "pointerenter" event even for touch interactions, and it reports the pointerType as "mouse" instead of "touch". This seems like unexpected https://www.linkedin.com/pulse/best-law-essay-writing-services-uk-gloria-kopp-wt82e behavior, so I'm making a note to investigate further.