Is there a way to manage events triggered by clicking on the violet-colored space around elements? I tried adding a general onclick event to the container, but it seems to be interfering with the individual item behaviors that already have their own internal onclick handlers. Are there any alternative solutions?
https://i.stack.imgur.com/TbYdW.png
Edit:
<Grid onClick={ClickHandler} container direction="row">
<Grid item>
// Filter Screen that has buttons, checkboxes
</Grid>
<Grid item>
............
</Grid>
</Grid>The issue arises because the container's ClickHandler is overriding all the clickhandlers of the filter screen. Unfortunately, this approach was not successful in resolving the problem.