Add click outside toggling to block switcher menu. (#596)

WordPress · May 2, 2017 · 734e188 · 734e188
1 parent 6344d46
commit 734e188
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/editor/components/block-switcher/index.js b/editor/components/block-switcher/index.js
@@ -3,6 +3,7 @@
  */
 import { connect } from 'react-redux';
 import { uniq, get, reduce } from 'lodash';
+import clickOutside from 'react-click-outside';
 
 /**
  * Internal dependencies
@@ -19,6 +20,14 @@ class BlockSwitcher extends wp.element.Component {
 		};
 	}
 
+	handleClickOutside() {
+		if ( ! this.state.open ) {
+			return;
+		}
+
+		this.toggleMenu();
+	}
+
 	toggleMenu() {
 		this.setState( {
 			open: ! this.state.open
@@ -94,4 +103,4 @@ export default connect(
 			} );
 		}
 	} )
-)( BlockSwitcher );
+)( clickOutside( BlockSwitcher ) );
diff --git a/package.json b/package.json
@@ -67,6 +67,7 @@
     "lodash": "^4.17.4",
     "react": "^15.5.4",
     "react-autosize-textarea": "^0.4.2",
+    "react-click-outside": "^2.3.0",
     "react-dom": "^15.5.4",
     "react-redux": "^5.0.4",
     "react-slot-fill": "^1.0.0-alpha.11",