You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The way the <Dialog /> component closes itself on clicks outside it is really helpful. But, sometimes it can create a frustrating interaction. If UI actions within the modal trigger notifications that display outside the modal, then clicking on those notifications will close the <Dialog />.
There doesn't seem to be a way to interact with this event. It'd be great if there was a way to detect what was clicked on and conditionally stop the event from triggering a close.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
-
The way the
<Dialog />
component closes itself on clicks outside it is really helpful. But, sometimes it can create a frustrating interaction. If UI actions within the modal trigger notifications that display outside the modal, then clicking on those notifications will close the<Dialog />
.Codesandbox example: https://codesandbox.io/s/thirsty-noyce-wczrw?file=/src/App.js
There doesn't seem to be a way to interact with this event. It'd be great if there was a way to detect what was clicked on and conditionally stop the event from triggering a close.
Beta Was this translation helpful? Give feedback.
All reactions