Modal not opening in a CMS List (even not on the site)

Hi Webflow Community,

I’m trying to set up a modal popup within a CMS collection where each item has a button that triggers its corresponding modal. However, the modal doesn’t open when clicking the button, even though I set the structure and interactions properly.

Here’s what I’ve done:

  • The modal is inside each CMS collection item.
  • The button is set up to trigger the modal using a Webflow interaction.
  • The modal wrapper has position: fixed to ensure it overlays the content.

Despite this, clicking the button doesn’t open the modal. Is there something I’m missing? Could the issue be related to the CMS structure or how Webflow handles interactions within dynamic lists?

Any help or guidance would be greatly appreciated!

Thanks!


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

Make certain you’re targeting the modal correctly.

If the trigger button is inside of the collection list item, then easiest setup is generally to place the target modal immediately adjacent, and target the interaction to “sibling” so the right modal is opened.

Here’s the approach I use if you want to see this in action;