From 30c0e5df0aaddc464c4572e09809051e7728ea95 Mon Sep 17 00:00:00 2001
From: Alexander Bell <mail@alexbell.de>
Date: Sun, 17 Jun 2018 02:19:04 -0700
Subject: [PATCH] zIndex overlapping bug fixed

---
 package.json           | 2 +-
 src/components/Menu.js | 7 +++----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 9a64b64..997b395 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "react-animated-menus",
-    "version": "1.0.13",
+    "version": "1.0.14",
     "description": "React component that mounts three dot button that morphs into a menu by clicking on it.",
     "main": "./lib/index.js",
     "license": "MIT",
diff --git a/src/components/Menu.js b/src/components/Menu.js
index f59cfb6..f660787 100644
--- a/src/components/Menu.js
+++ b/src/components/Menu.js
@@ -78,10 +78,9 @@ class App extends Component {
       //Styles
       targetButton.forEach((element) => {
         element.style.display = "block";
-        element.style.zIndex = 1000;
       });
-      targetDots.forEach((element) => {
-        element.style.zIndex = 1000;
+      targetMenu.forEach((element) => {
+        element.style.zIndex = 2000;
       })
 
       //Remove hover effect
@@ -156,7 +155,7 @@ class App extends Component {
             element.style.display = "none";
             element.style.zIndex = 1;
           });
-          targetDots.forEach((element) => {
+          targetMenu.forEach((element) => {
             element.style.zIndex = 1;
           })
         };