VEES-20 | Fix overflow modal

MarkMelior · Jan 13, 2025 · 52e5872 · 52e5872
1 parent 4dbb4fc
commit 52e5872
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/shared/ui/Modal/ui/Base/base.module.scss b/src/shared/ui/Modal/ui/Base/base.module.scss
@@ -37,7 +37,7 @@
   }
 }
 
-body[data-closing="true"] {
+body[data-modal-closed="true"] {
   /* stylelint-disable-next-line no-descending-specificity */
   .title, .action {
     opacity: 0;

diff --git a/src/shared/ui/Modal/ui/Modal/Modal.tsx b/src/shared/ui/Modal/ui/Modal/Modal.tsx
@@ -31,13 +31,13 @@ export const Modal = ({
   const openModal = useCallback(() => {
     setMount(true);
 
-    body?.setAttribute('data-closing', 'false');
+    body?.setAttribute('data-modal-closed', 'false');
   }, [body]);
 
   const closeModal = useCallback(() => {
     onClose?.();
 
-    body?.setAttribute('data-closing', 'true');
+    body?.setAttribute('data-modal-closed', 'true');
 
     setTimeout(() => {
       setMount(false);

diff --git a/src/shared/ui/Modal/ui/Modal/modal.global.scss b/src/shared/ui/Modal/ui/Modal/modal.global.scss
@@ -16,11 +16,11 @@
 }
 
 body {
-  &[data-closing="false"] {
+  &:has(#modal-root > *) {
     overflow: hidden;
   }
 
-  &[data-closing="true"] {
+  &[data-modal-closed="true"] {
     .overlay {
       opacity: 0;
     }