[docs] fix example with react-popper to allow toggling

closes #10297
mui · Feb 14, 2018 · 79ba5db · 79ba5db
1 parent e038614
commit 79ba5db
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/docs/src/pages/demos/menus/MenuListComposition.js b/docs/src/pages/demos/menus/MenuListComposition.js
@@ -24,11 +24,17 @@ class MenuListComposition extends React.Component {
   };
 
   handleClick = () => {
-    this.setState({ open: true });
+    this.setState({ open: !this.state.open }); // toggle dropdown
   };
 
   handleClose = () => {
-    this.setState({ open: false });
+    if (!this.state.open) {
+      return;
+    }
+    // setTimeout to ensure a close event comes after a target click event
+    setTimeout(() => {
+      this.setState({ open: false });
+    });
   };
 
   render() {