Community forum for knowledge and support

Updated 5 days ago

Modal Not Closing Properly on Desktop Breakpoints

Hi all, can anyone spot wat's happening here? I'm using modal 1. I've connected it to the instagram icons on my site. The modal opens fine but on desktop breakpoints, when i click the cross to close the modal, it closes but every button on my site is then unresponsive until i click anywhere and then things become responsive again, almost as if the cross hasn't fully close the modal or something. On mobile breakpoints it's worse as I can't get my site to respond at all once the modal is closed. Any help much appreciated thankyou: https://preview.webflow.com/preview/louiesimpson?utm_medium=preview_link&utm_source=de[…]05702a5856ce240dcff6100bc7550a08&locale=en&workflow=preview

Attachment
image.png
T
L
M
8 comments

Hi @Lex Hanley, So the issue with this was that sections which have position set to them add a Negative Z-index on them, I have checked out your previewed link and did that and fixed it fixed the problem.

Hi Tayyab, thanks for getting back to me. Are you saying I need to add negative indexes to some sections? if so which sections do i need to add a negative index to as I'm not sure which I need to change. Thanks !

yes, Also the video code embed also has a position set to absolute.

You might need to fiddle around some more with the indexes to achieve the results

Hi, the vid is set to sticky, it's not absolute. I'm a bit confused with what I need to change , shouldn't the modal just fully close and therefore not be an issue with indexes ?

Once it's close it should be closed right, therefore not an issue?

Hi @Matt , are you able to shed any light on this one? Thanks!

yeah naw, its got to do with the relationship from the button to the modal. I'm guessing you changed where the modal is located, thus breaking the interaction.

On the close interaction, ensure that the move animation is set to "all elements with this class" instead of the sibling setting.

Attachment
image.png
Add a reply
Sign up and join the conversation on Slack