Closed julienc91 closed 4 years ago
From what I understand, this is because React's SyntheticEvents
are always processed after native events, which are the one used by Pjax.
A quick test shows indeed that the isDefaultPrevented
function returns false
after the onClick
handler is being called, but this is already too late.
The solution is... don't mix native events with React events, which means using a React-compatible version of pjax. Unfortunately for me, this won't be possible as my app is not a full-React app, but just isolated components here and there, but this is definitely not pjax's fault.
Anyway, if someone still manages to find a workaround for this particular case, I'd be happy to see it!
Hi,
I'm using pjax along with some React components. I'm trying to disable some links programmatically, depending on the current state of the component, by using
onClick
/onClickCapture
event handlers along with somestopPropagation
andpreventDefault
methods. But this is not working as expected, as the links are still enabled.Here is a small example to reproduce:
Tested with the latest versions of Firefox and Chrome.