---------------------- By default, a fullscreen UModal in Nuxt UI should be dismissible by clicking on the overlay, unless you have set the prop `:dismissible="false"`. The `dismissible` prop controls whether the modal can be closed by clicking outside (on the overlay) or pressing the escape key. Its default value is `true`, which means clicking the overlay should close the modal—even in fullscreen mode. If clicking the overlay does not close your fullscreen modal, please check the following: - Ensure you have not set `:dismissible="false"` on your UModal. - Make sure you are not overriding the `overlay` or `modal` props in a way that would prevent this behavior. - The close button and ESC key are alternative ways to close the modal, but clicking the overlay should work as long as `dismissible` is `true` (the default) [UModal Props](). Here’s a minimal example that should allow closing by clicking the overlay: ```vue ``` If you are still unable to close the modal by clicking the overlay, there may be a bug or a custom style interfering. In that case, please double-check your implementation and consider providing a reproduction for further help [UModal Usage](). **Summary:** - By default, clicking the overlay should close a fullscreen UModal. - Ensure `dismissible` is not set to `false`. - If it still doesn't work, check for customizations or possible bugs. Let me know if you need help debugging a specific code sample! ---------------------- Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: ----------------------

Close fullscreen UModal by clicking on overlay

Similar Threads

Similar Threads

Similar Threads