Community forum for knowledge and support

Updated 2 weeks ago

Resolving Issues with Overlaid Modals and Unresponsive Page Content

Hello!
I’m having an issue with the pop up modals.

I have a form in my modal and when closed, although you can’t see the form, it’s still overlaid on the screen. Meaning users can’t click on the page content as they end up clicking on the form instead. I have to click off the page for it to begin working again.

This is a big problem on mobile as the modal fills the whole screen, so even when closed the user can’t navigate or click the page at all as form fields just get selected.

I have the modal on this page here
https://accurise.webflow.io/careers

On the green “send us your cv” button

M
H
2 comments

thinking it's a z-index issue...not sure tho - can u share ur read-only link

Update: managed to get it working by changing the animation to “affect selected element” rather than “class”. I’ve wrapped the whole thing in a component so it can be reused

Add a reply
Sign up and join the conversation on Slack