feat(dropdowns): Add hide() and show() methods (bootstrap-vue#1012)

tmorehouse · web-flow · commit a2a9bc4cec1e · 2017-09-07T22:51:49.000-03:00
Addresses issue bootstrap-vue#1011
diff --git a/lib/mixins/dropdown.js b/lib/mixins/dropdown.js
@@ -117,6 +117,12 @@ export default {
             } else {
                 this.hideMenu();
             }
+        },
+        disabled(state, old) {
+            if (state !== old && state && this.visible) {
+                // Hide dropdown if disabled changes to true
+                this.visible = false;
+            }
         }
     },
     computed: {
@@ -239,13 +245,27 @@ export default {
             this.$emit("click", e);
         },
         toggle() {
-            // Called only by a button that toggles teh menu
+            // Called only by a button that toggles the menu
             if (this.disabled) {
                 this.visible = false;
                 return;
             }
             this.visible = !this.visible;
         },
+        show() {
+            // Public method to show dropdown
+            if (this.disabled) {
+                return;
+            }
+            this.visible = true;
+        },
+        hide() {
+            // Public method to hide dropdown
+            if (this.disabled) {
+                return;
+            }
+            this.visible = false;
+        },
         onTab() {
             if (this.visible) {
                 // TODO: Need special handler for dealing with form inputs
