Creating Dynamic Modals


I’m currently working on a project for my University as a volunteer. Some information on what is supposed to happen is that on preview, the user can click on an image/text (stored as a collection item in CMS database), and then a Modal will appear in which the user can see more details about the artifact.

The problem that arises is that once the user has clicked on an item and seen the modal, and then closes the modal, they cannot click on another item to view a modal without refreshing the page. When I go to debug this, I get a console error which for the life of me I have no idea what it means "unable to preventDefault inside passive event listener due to target being treated as passive. ".

Preview link: