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
REEEEE
REEEEE6mo ago
How are you setting the click event handlers?
Rafael Hengles
Rafael Hengles6mo ago
just normally, like
return <div onClick={myEvent}>xxxx</div>
return <div onClick={myEvent}>xxxx</div>
And this works just fine outside of the modal
REEEEE
REEEEE6mo ago
try on:click
Rafael Hengles
Rafael Hengles6mo ago
I will But just for context, this is what chrome devtools show for the element outside of the modal:
No description
Rafael Hengles
Rafael Hengles6mo ago
and this is inside of the modal
No description
REEEEE
REEEEE6mo ago
Yeah, the reason I suggested on:click is because Solid uses somewhat synthetic delegated events so sometimes propagation doesn't work as expected
Rafael Hengles
Rafael Hengles6mo ago
Thanks @REEEEE but this was the problem
No description
REEEEE
REEEEE6mo ago
Oh lol
Want results from more Discord servers?
Add your server