Modal close interaction

Hello, I am running into an issue on the team page I am building for a client. I have the interaction working to open the modal, If you click on any of the top 6 people a modal with more information will display, but for some reason, the close button inside the modal (which is essentially just a reverse of the open modal interaction) isn’t working. I’ve tried giving it a higher z-index or even moving the interaction to a different element, but I just can’t seem to get it to work.

If anyone could help point me in the direction of a solution. It would be much appreciated.


Here is my public share link: Webflow - Dickinson Homes New

Hi
Did you solve your problem ?

Hey @halim no, not yet. When I use the inspector I can see the interaction trying to trigger, but it doesn’t seem to update. I don’t know if it’s because the modal is inside a collection list … I’m still pretty stumped. Did you have any ideas?

Hi Mark, you need to change the action item for opening and closing interactions. Please review the screenshot

@Dmitry_I This works now. Thank you so much! The new issue is that the modal on the second click (open one person and then close it and open another person), opens the same user info. So regardless of which person I click opens the same person I clicked on for the first click. If that makes sense.

1 Like

Hi @Mark_Hayes , sorry, for late response. I’ve found the solution. You just need to put ‘employee info modal’ outside ‘employee content’. And it works