Make use of 'pointer-events' css property to make ChildButton un-clic…

…kable when it's not visible
ifndefdeadmau5 · May 25, 2019 · a5c71f2 · a5c71f2
1 parent 432a9c1
commit a5c71f2
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-floating-button-menu",
-  "version": "2.0.3",
+  "version": "2.0.4",
   "description": "A Customizable Material floating button menu implementation made with styled-component & react",
   "devDependencies": {
     "babel-core": "^6.24.1",

diff --git a/src/ChildButton.js b/src/ChildButton.js
@@ -26,6 +26,7 @@ const Wrapper = styled('li')(
     marginLeft: direction === 'right' ? spacing : 0,
     marginRight: direction === 'left' ? spacing : 0,
     color: iconColor,
+    pointerEvents: isOpen ? 'auto' : 'none',
   }),
 );