From bdde0f79c1e79385b43740098fa9f18b0d95481d Mon Sep 17 00:00:00 2001
From: Roman Timashev <roman@tmshv.ru>
Date: Tue, 15 Oct 2019 22:59:11 +0300
Subject: [PATCH] fix Overlay lag effect

---
 src/components/Overlay/Transition.tsx | 2 ++
 src/components/Overlay/index.tsx      | 5 +++--
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Overlay/Transition.tsx b/src/components/Overlay/Transition.tsx
index f7f99a35..69184d51 100644
--- a/src/components/Overlay/Transition.tsx
+++ b/src/components/Overlay/Transition.tsx
@@ -1,6 +1,7 @@
 import * as React from 'react'
 
 export interface ITransitionProps {
+    extraStyle?: React.CSSProperties
     show: boolean
 }
 
@@ -32,6 +33,7 @@ export const Transition: React.FC<ITransitionProps> = props => {
     return mounted && (
         <div
             style={{
+                ...props.extraStyle,
                 opacity,
                 transition: 'all 250ms',
             }}
diff --git a/src/components/Overlay/index.tsx b/src/components/Overlay/index.tsx
index 6669466d..8dc124bf 100644
--- a/src/components/Overlay/index.tsx
+++ b/src/components/Overlay/index.tsx
@@ -15,12 +15,14 @@ export const Overlay: React.FC<IOverlayProps> = props => {
 
     React.useEffect(() => {
         document.body.classList.toggle('noscroll', props.show)
-
     }, [props.show])
 
     return (
         <Transition
             show={props.show}
+            extraStyle={{
+                zIndex: 1000000,
+            }}
         >
             <div
                 onClick={onClick}
@@ -32,7 +34,6 @@ export const Overlay: React.FC<IOverlayProps> = props => {
                         height: 100%;
                         top: 0;
                         left: 0;
-                        z-index: 1000000;
 
                         background-color: rgb(255, 255, 255);
                     }