Bug: onPointerEnterCapture and onPointerLeaveCapture result in unknown event handler property

[tommedema]

React version: v16.12.0 from https://unpkg.com/react/umd/react.development.js

Steps To Reproduce

1. attach onPointerEnterCapture to a JSX element
2. observe unknown event handler property error in console

Link to code example: https://jsfiddle.net/tommedema/1uqoemxs/2/

The current behavior

It displays a unknown event handler property warning

The expected behavior

The capturing phase of the onPointerEnter and onPointerLeave events should be supported

[Kelbie]

There is support for pointer-events in v16.4.0:
https://reactjs.org/blog/2018/05/23/react-v-16-4.html

[tommedema]

@KevinKelbie thanks but that blog post does not list onPointerEnterCapture, only onPointerEnter. Do you know if this is a mistake? I specifically need the capturing phase

[tommedema]

@necolas what can I do to help this get fixed? This has been blocking me since Jan 21st. I'm using React 16.13.0

[bl00mber]

@tommedema are you sure this event exist? Can you send a link to ECMA specification?

[necolas]

It's the same as the mouse event equivalents, they don't bubble and don't have a capture phase: https://reactjs.org/docs/events.html#mouse-events. You should use onPointerOver/Out instead.

[rjgotten]

@necolas
It's the same as the mouse event equivalents, they don't bubble and don't have a capture phase

You're wrong. While pointerenter doesn't bubble, it definitely does have a capture phase:
https://jsfiddle.net/69xm0t7w/

[necolas]

Not in the React event system. Read the link above.

[rjgotten]

Then React should fix its TypeScript typings to special case those events to not generate onPointerEnterCapture and onPointerLeaveCapture properties as common element props. Fact that those exist broadcasts they're meant to be supported.

[eps1lon]

@rjgotten We removed these types in the types for 18. We reverted the backport to types for 17 and 16 since it caused too much breakage across the ecosystem due to TypeScript wrongfully inlining types during declaration emit.

[rjgotten]

@eps1lon
We removed these types in the types for 18.

I am using @types/react@18.2.55 and its types still define onPointerEnterCapture on DOMAttributes.
So if they were supposed to be removed, something went wrong.

[eps1lon]

Latest is 18.2.70

[rjgotten]

Latest is 18.2.70

This was a very recent change, then? As in literally as it was brought up in this GH issue's discussion?
Apologies- I was under the impression that this was something that was already done a while ago.

Thanks for straightening out the confusion there.
I'll update the type definitions package on my end to ensure no other developers on my team stub toes on this again.
Great to see a fix for this. 👍

[xiaody]

FTR DefinitelyTyped/DefinitelyTyped#68984 [@types/react] fix: remove onPointerEnterCapture & onPointerLeaveCapture