Stop specific Cell event propagation when using onRowAction

[lucadido06]

Hey everyone!

How would you suggest stopping the event propagation from the onRowAction for a specific cell?

Thanks in advance!
Best regards

[snowystinger]

Can you say more about your use case? Maybe an example?

[lucadido06]

Can you say more about your use case? Maybe an example?

Hi, thanks for you reply.

Sure, i have a table where clicking on a row redirects to another page but also one of the cell has an action button. When clicking the action button i don't want that the row event is propagated. Here you can find an example.

Thanks in advance!

[snowystinger]

Sorry, for the delay. Since you're using using your own button, you'll need to stopPropagation on onPointerDown so it doesn't get to the row. onClick is problematic for many reasons, they're outlined in https://react-spectrum.adobe.com/blog/building-a-button-part-1.html. It would probably be easier if you could use a RAC Button, or useButton, or usePress (in order of suggested preference). These will all handle stopping the propagation and preventing defaults for you in a way that will most easily work with the rest of our interactions.

[nicktytarenko]

thank you @snowystinger it works!