Modal popups generated are trapped inside "drop-shadow" classes

[dave-mills]

When a modal popup appears, it is (for some reason) constrained to appear inside the bounds of an element with the drop-shadow-xl class (which is applied by the surveyblocks class). On smaller windows, this can prevent a modal from taking the space it needs, even when that space is technically available. Even on larger windows, this means the pop-up usually appears lower on the page instead of in the middle of the window.

Example - with drop-shadow-xl class:

CleanShot.2025-01-09.at.15.57.31.mp4

Example - with drop-shadow-xl removed:

CleanShot.2025-01-09.at.15.58.41.mp4

I have no idea why this happens.

TODO:

1. Either - figure out a way of keeping the drop-shadow effect while letting modals appear in the middle of the window at the proper size
2. Or - decide to remove the drop-shadow effect.