Hopefully there is an easy fix or workaround for this, but I have a table with a checkbox in each row. The checkbox is to single or select all for delete or approve, and have the row itself set to when clicked opens a modal with detailed info for that row. When I click the checkbox though it does change the checkbox, but also registers as a click of the row it resides in as well and opens the modal. What is the best way to prevent this from happening? I am wondering if there is some way to set the checkbox to where it upon click it momentarily blocks the row click, or if there is some way to set a portion of that row as not clickable, etc. Not really sure, but I see this functionality often, so I figure that it cant be too hard…
The click event has modifiers. On your checkbox click, select the one that stops propagation.
Will that stop the set functions that take place in the checkbox component too, though?