Make use of 'pointer-events' css property to make ChildButton un-clickable when it's not visible

Author: ifndefdeadmau5

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",

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',
   }),
 );