setPointerCapture() disables click events in Chrome about pointer-tracker HOT 10 CLOSED

Just to be safe:

(event.target || this._element).setPointerCapture(event.pointerId);

from pointer-tracker.

I think the fix will be to change:

this._element.setPointerCapture(event.pointerId);

To

event.target.setPointerCapture(event.pointerId);

Can you try that for me?

from pointer-tracker.

Interesting! I think I currently assume that you're preventing default if you're returning true from the start callback, but I realise this isn't enforced.

A reduced test case would certainly help!

from pointer-tracker.

I actually do return true from the start callback. It's pretty much a copy of the PinchZoom custom element from Squoosh, but transformed into a React component.

Inside the pinchable element is an SVG (rendered by React) with rects with React click handlers on them. Maybe it's a problem with the click event not being propagated to the React root?

(By the way, I'm a big fan of HTTP 203. Keep up the amazing work!)

from pointer-tracker.

Are you calling preventDefault too?

from pointer-tracker.

Yes, just like Squoosh.

from pointer-tracker.

If you're saying preventDefault() shouldn't be there: I've tried to remove it and it doesn't make a difference. The clicks still aren't registered.

from pointer-tracker.

That works! Thank you so much. Should I open a PR?

from pointer-tracker.

Yes please!

from pointer-tracker.

How should I handle the case where event.target is null? I would throw an error.

from pointer-tracker.