events not fired inside react modal
I can't provide a small reproduction, I tried but I couldn't.
I have a react project with reactstrap, and I'm using their standard Modal component.
Inside of it, I'm mounting a Solid app ( I already have other Solid apps working normally inside of React but outside of the modal ).
This app is not firing any click event handlers from Solid. There are no layers above in CSS.
I can't figure it out for the life of me.
I'm just hoping someone else has found this problem before and have any insights I can use to fix this.
In the moment, I'm trying to create my own modal component to see if the problem is in reactstrap somehow.
Thanks.
9 Replies
How are you setting the click event handlers?
just normally, like
And this works just fine outside of the modal
try
on:click
I will
But just for context, this is what chrome devtools show for the element outside of the modal:
![No description](https://cdn.answeroverflow.com/1218256820699922522/image.png)
and this is inside of the modal
![No description](https://cdn.answeroverflow.com/1218257299030675506/image.png)
Yeah, the reason I suggested
on:click
is because Solid uses somewhat synthetic delegated events so sometimes propagation doesn't work as expectedThanks @REEEEE but this was the problem
![No description](https://cdn.answeroverflow.com/1218302030649757726/image.png)
Oh lol