Popup Modal Doesn't Stay Closed

Hi Webflow Community,

I have a pop up modal which I’d like to close either by clicking the exit button or anywhere on the background. I have tried setting those 2 interactions when I tried it the modal wouldn’t stay closed.
Would really appreciate it if someone can let me know what I’m doing wrong. Thank you!


Here is my public share link: LINK
(how to access public share link)

@Emilie_Ho Hey where is the popup can you share me screen short of popup

Hey @Emilie_Ho!

Like @Moheen said it would be helpful to know where the pop up is so we can take a look! Also you can check out the various pop up modals I made here :point_right: Flow Phantom cloneables . You can take a peek at the interactions to see how I created my modals.

@Moheen @Andrew_Bass Hi, here’s a video of the modal Loom | Free Screen & Video Recording Software

image
The whole modal is built within the “Nav Bar Modal” div here.

Project link: Webflow - Make The Dot

Hi @Andrew_Bass, I opened your interaction section on your examples and tried replicating them, but the popup still wouldn’t close. Any idea what I’m doing wrong?

@Emilie_Ho ~ Hello Emilie. Try giving your “Close Modal Bg” class the same trigger you did for the “x icon” element.

Hey @dannyFig thanks for your response! I have applied the same “close modal” interaction to the “close modal bg” div here in the project: Webflow - Make The Dot
At the moment when I click on the background, it closes but the modal would keep popping back up.

@Emilie_Ho I believe I found the issue and it’s a super easy fix!

It looks like you have the “loop” checked on the “Open Modal” interaction. Once I unchecked that everything seemed to be working fine! In the picture below I circled where you have it checked.

3 Likes

Thank you so much @Andrew_Bass! It took me hours and I still couldn’t see that issue. You’re awesome :star:

1 Like

Of course! Happy to help :grin:.

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.