I have a pretty simple SVG with a couple of circles, each with unique names, and with an onClick prop on the surrounding SvgPanZoomElement. Clicking one circle works as expected, but clicking another triggers the same event as the first one did. Clicking it once again gets it back on track. It's as if the click events are delayed one step:
I have a pretty simple SVG with a couple of circles, each with unique names, and with an onClick prop on the surrounding
SvgPanZoomElement
. Clicking one circle works as expected, but clicking another triggers the same event as the first one did. Clicking it once again gets it back on track. It's as if the click events are delayed one step:You can view the code here: https://snack.expo.io/@insats/cmVhY3
Using onPress on the child Circle works, so there's nothing wrong with the handler itself.