studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🐛(react) fix closeOnClickOutside not working

Browse Source 
Our recent changes to enable the customization of the modal backdrop
caused this prop to not work anymore.
This commit is contained in:
Nathan Vasse
2024-02-21 15:42:36 +01:00
committed by NathanVss
parent 3ef7744083
commit a17c805f50
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/react/src/components/Modal/index.scss
View File

@@ -13,7 +13,10 @@
// ::backdrop does not inherit from its element so CSS vars does not work. // ::backdrop does not inherit from its element so CSS vars does not work.
// ( https://stackoverflow.com/a/77393321 ) // ( https://stackoverflow.com/a/77393321 )
// So for now, we hide the backdrop element and use a dom element to create the backdrop. // So for now, we hide the backdrop element and use a dom element to create the backdrop.
visibility: hidden; // We cannot use visibility: hidden because the component will not be able to receive click events for the
// closeOnClickOutside prop. The backdrop is the only element able to capture click as the dialog is displayed in
// the Top-Layer.
background: transparent;
} }
&__backdrop { &__backdrop {