Hey lumers! I've been struggling all day with this issue, so I thought I would try my chance and ask for help in here.
The problem is with the loop/carousel section at the bottom of the header78 component, where there are few cards, with content pulled from a collection. I want the cards on that loop/carousel to be clickable in order to open as modals. I would then be able to display more content on the modal, also pulled from the collection.
The problem is that the modal needs to be inside the collection div for it to be able to connect with the collection data, but by being inside the collection div, its fixed position gets all broken and I don't get the expected result.
In other words, if I take the modal popup div outside the collection, I get the expected result visually, but I can't map any data from the collection to it anymore.
I built the modal using Finsweet's modal component (which I believe is a mix of interactions and custom attributes).
Thanks in advance 🙌
Read only link: https://preview.webflow.com/preview/test-section1234?utm_medium=preview_link&utm_source=designer&utm_content=test-section1234&preview=c97a24f4afa4f43ec2ad399fcf598ff3&workflow=preview
