Fixed popover menu.

sjohnsonaz · Oct 31, 2017 · 32ec054 · 32ec054
1 parent 33e1f7d
commit 32ec054
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 2 deletions.
diff --git a/src/styl/input/input.styl b/src/styl/input/input.styl
@@ -28,9 +28,14 @@ focus-tight() {
     background-color: $input-default-background-color;
     border-radius: $input-border-radius;
     box-shadow: $input-box-shadow-height-0;
+    text-decoration: none;
+    text-align: center;
     cursor: pointer;
     user-select: none;
     transition: opacity 0.3s, box-shadow 0.3s;
+    // Added for consistency between Button and A tags.
+    font-size: 100%;
+    line-height: 1.15;
     &:hover:enabled {
         color: lighten($input-default-color, $input-color-variance);
         background-color: lighten($input-default-background-color, $input-color-variance);

diff --git a/test/html/index.html b/test/html/index.html
@@ -207,13 +207,13 @@ <h3>Popover</h3>
                 </button>
 
                 <h3>Popover Menu</h3>
-                <button class="button popover-trigger popover-closed" id="clickShowPopoverMenu">
+                <a href="#" class="button popover-trigger popover-closed" id="clickShowPopoverMenu">
                     <div class="popover-mask"></div>
                     <div class="popover popover-right popover-align-center">
                         <div class="popover-content">Popover text</div>
                     </div>
                     Popover
-                </button>
+                </a>
 
                 <h3>Notification</h3>
                 <aside class="notification notification-success">

diff --git a/test/ts/index.ts b/test/ts/index.ts
@@ -19,10 +19,13 @@ $(function () {
     });
 
     $('#clickShowPopoverMenu > .popover').click(function (event) {
+        event.preventDefault();
         event.stopPropagation();
     });
     var popoverMenuOpen = false;
     $('#clickShowPopoverMenu').click(function (event) {
+        event.preventDefault();
+        event.stopPropagation();
         if (popoverMenuOpen) {
             $('#clickShowPopoverMenu').removeClass('button-down').addClass('popover-closed').removeClass('popover-open');
             popoverMenuOpen = false;