Modal body blur fix

PatrikMatiasko · PatrikMatiasko · commit 597258afd0d0 · 2024-08-03T23:22:17.000+02:00
diff --git a/src/components/Atomic/Modal/Modal.tsx b/src/components/Atomic/Modal/Modal.tsx
@@ -68,10 +68,14 @@ export const Modal: FC<Props> = memo((props) => {
         if (appRoot && show) {
             // @ts-ignore
             appRoot.style.filter = `blur(${show ? 6 : 0}px)`
+            // @ts-ignore
+            appRoot.style.overflow = `hidden`
 
             return () => {
                 // @ts-ignore
                 appRoot.style.filter = `none`
+                // @ts-ignore
+                appRoot.style.overflow = 'unset'
             }
         }
     }, [show, appRoot])

Original file line number	Diff line number	Diff line change
`@@ -68,10 +68,14 @@ export const Modal: FC<Props> = memo((props) => {`
`68`	`68`	`if (appRoot && show) {`
`69`	`69`	`// @ts-ignore`
`70`	`70`	appRoot.style.filter = `blur(${show ? 6 : 0}px)`
	`71`	`+ // @ts-ignore`
	`72`	+ appRoot.style.overflow = `hidden`
`71`	`73`
`72`	`74`	`return () => {`
`73`	`75`	`// @ts-ignore`
`74`	`76`	appRoot.style.filter = `none`
	`77`	`+ // @ts-ignore`
	`78`	`+ appRoot.style.overflow = 'unset'`
`75`	`79`	`}`
`76`	`80`	`}`
`77`	`81`	`}, [show, appRoot])`