CMS Item Modal Only Opens the First Time

Design help Animations & Interactions
1

Hi.

We built a website for a client and added modals to show additional information for people in the team. The interaction was made as follows:

  1. CMS Item contains a trigger and a modal on the same level (siblings)
  2. The trigger (Div) triggers the modal, it shows as a flexbox and then the content of the modal is displayed by changing its position and opacity
  3. The close button is inside the modal and when clicked, it reverts all elements to its initial state (only parent elements)

Everything seems to work fine on the first click, but when trying to open the modal for a second time on the same CMS item, only the first interaction is executed and the second one (opacity, does not work). Any ideas on how to fix this?

Here’s the read only link: https://preview.webflow.com/preview/hcv-network?utm_medium=preview_link&utm_source=designer&utm_content=hcv-network&preview=1444f0b568c1e086d3ba47fce1a2877c&pageId=618ac2efa9f97f4fc9fd10b2&workflow=preview

2

The two events have the same animation affected

CleanShot 2022-06-01 at 12.00.08@2x
CleanShot 2022-06-01 at 12.00.08@2x478×1188 19.6 KB

3

Ok, so, on such an IX you should not use “On second click”. Define only IX with the first click: one on the thumbnail, one on the close button. No second click.

4

Thanks, Vincent. We’ve tried both ways, with just one click and with two clicks and the result is always the same. Take a look, I removed the second link (both on the trigger to open the modal and on the close button) and it’s the same.

5

Changed the trigger to the CMS item insteado of a DIV inside it and it now works.