fix: cascading hover menus with material-ui v4

fix #9
jcoreio · Jun 7, 2019 · 3c28251 · 3c28251
1 parent 2a68338
commit 3c28251
Show file tree

Hide file tree

Showing 4 changed files with 234 additions and 178 deletions.
diff --git a/.gitignore b/.gitignore
@@ -8,3 +8,4 @@ node_modules
 /*.js
 /*.js.flow
 !/.babelrc.js
+!/webpack.config.js
diff --git a/package.json b/package.json
@@ -105,8 +105,8 @@
     "@jedwards1211/eslint-config": "^2.0.0",
     "@jedwards1211/eslint-config-flow": "^1.0.2",
     "@jedwards1211/eslint-config-react": "^4.0.0",
-    "@material-ui/core": "^3.0.0",
-    "@material-ui/icons": "^3.0.2",
+    "@material-ui/core": "^4.0.2",
+    "@material-ui/icons": "^4.0.1",
     "babel-eslint": "^10.0.1",
     "babel-loader": "^8.0.5",
     "babel-plugin-istanbul": "^5.1.0",

diff --git a/src/hoverWorkaround.js b/src/hoverWorkaround.js
@@ -14,10 +14,12 @@ export default function hoverWorkaround(Comp) {
   const HoverWorkaround = ({
     classes: { _modalRoot, ...classes },
     ModalClasses,
+    style,
     ...props
   }) => (
     <Comp
       classes={classes}
+      style={{ pointerEvents: 'none', ...style }}
       ModalClasses={{
         ...ModalClasses,
         root: