Fixed positioning issue in Popover

See: mui#8040 (comment)
sdelements · Apr 23, 2019 · c1c7d1d · c1c7d1d
1 parent fbe4b09
commit c1c7d1d
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/src/Popover/Popover.js b/src/Popover/Popover.js
@@ -154,7 +154,14 @@ class Popover extends Component {
       this.setState({
         open: true,
         closing: false,
-      });
+        setPlacement: false,
+      }, () => {
+        setTimeout(() => {
+          this.setState({
+            setPlacement: true,
+          })
+        })
+    });
     } else {
       if (nextProps.animated) {
         if (this.timeout !== null) return;
@@ -213,7 +220,10 @@ class Popover extends Component {
       ...other
     } = this.props;
 
-    let styleRoot = style;
+    let styleRoot = {
+      ...style,
+      opacity: this.state.setPlacement ? 1 : 0,
+    };
 
     if (!animated) {
       styleRoot = {