use visibility: hidden instead of display:none

trendmicro-frontend · Apr 19, 2020 · bc1ce75 · bc1ce75
1 parent 2203ee0
commit bc1ce75
Show file tree

Hide file tree

Showing 7 changed files with 224 additions and 8 deletions.
diff --git a/dist/react-dropdown.css b/dist/react-dropdown.css
diff --git a/dist/react-dropdown.css.map b/dist/react-dropdown.css.map
diff --git a/dist/react-dropdown.min.css b/dist/react-dropdown.min.css
diff --git a/docs/bundle.js b/docs/bundle.js
diff --git a/docs/index.html b/docs/index.html
@@ -11,5 +11,5 @@
 </head>
 <body>
 <div id="container"></div>
-<script type="text/javascript" src="bundle.js?9f8611ec1de2ffb0c68f"></script></body>
+<script type="text/javascript" src="bundle.js?b671c4680cf7b962af41"></script></body>
 </html>
diff --git a/src/dropdown-menu-wrapper.styl b/src/dropdown-menu-wrapper.styl
@@ -1,5 +1,6 @@
 .dropdown-menu-wrapper {
-    display: none;
+    display: inline-block;
+    visibility: hidden;
     position: absolute;
     left: 0;
     top: 100%;
@@ -24,7 +25,7 @@
 }
 
 .dropdown.open > .dropdown-menu-wrapper > .dropdown-menu {
-    display: inline-block;
+    visibility: visible;
     border: 0;
     box-shadow: none;
 }
diff --git a/src/dropdown-menu.styl b/src/dropdown-menu.styl
@@ -3,7 +3,8 @@
     top: 100%;
     left: 0;
     z-index: 1000;
-    display: none;
+    display: block;
+    visibility: hidden;
     min-width: 0;
     padding: 8px 0;
     margin: 0;
@@ -111,5 +112,5 @@
 }
 
 .dropdown.open > .dropdown-menu {
-    display: block;
+    visibility: visible;
 }