Fixed positioning issue in Popover

See: mui#8040 (comment)
sdelements · Apr 26, 2019 · 2785c90 · 2785c90
1 parent fbe4b09
commit 2785c90
Showing 1 changed file with 19 additions and 1 deletion.
diff --git a/src/Popover/Popover.js b/src/Popover/Popover.js
@@ -140,6 +140,14 @@ class Popover extends Component {
 
   componentDidMount() {
     this.placementTimeout = setTimeout(this.setPlacement);
+
+    if (this.props.open) {
+      setTimeout(() => {
+        this.setState({
+          setPlacement: true,
+        })
+      });
+    }
   }
 
   componentWillReceiveProps(nextProps) {
@@ -154,6 +162,13 @@ class Popover extends Component {
       this.setState({
         open: true,
         closing: false,
+        setPlacement: false,
+      }, () => {
+        setTimeout(() => {
+          this.setState({
+            setPlacement: true,
+          })
+        })
       });
     } else {
       if (nextProps.animated) {
@@ -213,7 +228,10 @@ class Popover extends Component {
       ...other
     } = this.props;
 
-    let styleRoot = style;
+    let styleRoot = {
+      ...style,
+      opacity: this.state.setPlacement ? 1 : 0,
+    };
 
     if (!animated) {
       styleRoot = {