Django bootstrap5 htmx leafletjs marker to popup form click event issue

Sorry it's a wordy topic :) But it summarizes what I'm using in our project. My buddy setup our Django project with leaflet and it displays with various pin markers on the map. When the user clicks on a pin, we have a popup #dialog appear (using htmx). I've been tasked with adding a button to this popup so that the user can click it and go to a /url. The issue I'm having is that once the popup appears, it ignores any click events specific to the form. I can click ANYWHERE on the browser tab, on the popup, on the map and the popup closes. There is no button click occurring. I'm pretty new to leaflet and still learning my Django ropes. So I've been trying to figure this out for a few days now. It's like there is a blanket click event overlaying the entire window and the popup is under it. I'll post some code here and perhaps someone has an idea or research I can look into..


This is the template code for the main window which shows the map. You can see the htmx placeholder for the popup. You can also see the

/r/django
https://redd.it/13avwnv