Modal frame overlay is non-blocking

Hi,

The modal frame overlay doesn't block clicks etc. on the page elements that should be underneath the modal overlay.

For example in the image below I can interact with the button (same behaviour in preview mode and when the app is framed via react-retool).

Is there a property/css override that can make it so that the overlay prevents interacting with the elements underneath it?

Hey @jwebstar! I've submitted an internal ticket for this. One thing you can do in the interim is make the modal Full screen. Which blocks the view of all components in the background.

CleanShot 2024-05-20 at 08.23.23@2x