Hello,
For the life of me, I cannot figure out why my modal wont close when I click on the background. I set the interaction for modal-bg to close when the user clicks but it doesn’t respond. Can someone help me target the issue?
Many thanks!
Here is my Read-Only link: Webflow - 2024 NS Impact Report
Here is my site Read-Only: LINK
(how to share your site Read-Only link)
Your .modal-wrapper is covering the .modal-bg and blocking the interaction. Update .modal-wrapper pointer events to none and .modal-container pointer events to auto.
If that isn’t working, I would check your interaction. I had to relink the .modal-container in the interaction.
Thank you very much for responding Mike!
I changed the events like you stated but it did not resolve the issue. I’m confused as to how the modal-container is blocking the modal-bg, I adjusted the z index to have the bg sit above the container.
I am going to try adding a new interaction to see if that solves the issue.