I'm having an issue with Modals disabling the entire screen

I have had success with Modals on a previous page. I repeat the recipe and now on this really simple page, no matter where I place a (new) Modal and then set the data target of a button to toggle it, either the Modal buttons will be blocked or the toggle button will be blocked, depending on the z-index. With default z-index, the button to toggle the Modal as well as my Django message close button are both non-clickable. There are no page errors. Now when I change the z-index of the Modal to -1, the toggle buttons become clickable, but when the Modal opens, I can no longer click anything on it.

What’s the best solution to this “issue”?

Hard to diagnose the issue without seeing your page. Can you post a link to the site?