Handle 'touchstart'

jacobmllr95 · jacobmllr95 · commit b46ab2b9bf05 · 2020-01-29T17:22:07.000+01:00
diff --git a/src/components/dropdown/dropdown.js b/src/components/dropdown/dropdown.js
@@ -172,6 +172,7 @@ export const BDropdown = /*#__PURE__*/ Vue.extend({
         },
         on: {
           mousedown: this.onMousedown,
+          touchstart: this.onMousedown,
           click: this.toggle,
           keydown: this.toggle // Handle ENTER, SPACE and DOWN
         }
diff --git a/src/components/nav/nav-item-dropdown.js b/src/components/nav/nav-item-dropdown.js
@@ -55,6 +55,7 @@ export const BNavItemDropdown = /*#__PURE__*/ Vue.extend({
         },
         on: {
           mousedown: this.onMousedown,
+          touchstart: this.onMousedown,
           click: this.toggle,
           keydown: this.toggle // Handle ENTER, SPACE and DOWN
         }
diff --git a/src/mixins/dropdown.js b/src/mixins/dropdown.js
@@ -346,10 +346,10 @@ export default {
         this.show()
       }
     },
-    // Mousedown handler for the toggle
+    // Mousedown/Touchstart handler for the toggle
     onMousedown(evt) {
-      // We prevent the 'mousedown' event for the toggle to stop the
-      // 'focusin' event from being fired
+      // We prevent the 'mousedown'/'touchstart' event for the toggle
+      // to stop the 'focusin' event from being fired
       // The event would otherwise be picked up by the global 'focusin'
       // listener and there is no cross-browser solution to detect it
       // relates to the toggle click

Original file line number	Diff line number	Diff line change
`@@ -172,6 +172,7 @@ export const BDropdown = /#__PURE__/ Vue.extend({`
`172`	`172`	`},`
`173`	`173`	`on: {`
`174`	`174`	`mousedown: this.onMousedown,`
	`175`	`+ touchstart: this.onMousedown,`
`175`	`176`	`click: this.toggle,`
`176`	`177`	`keydown: this.toggle // Handle ENTER, SPACE and DOWN`
`177`	`178`	`}`
Original file line number	Diff line number	Diff line change
`@@ -55,6 +55,7 @@ export const BNavItemDropdown = /#__PURE__/ Vue.extend({`
`55`	`55`	`},`
`56`	`56`	`on: {`
`57`	`57`	`mousedown: this.onMousedown,`
	`58`	`+ touchstart: this.onMousedown,`
`58`	`59`	`click: this.toggle,`
`59`	`60`	`keydown: this.toggle // Handle ENTER, SPACE and DOWN`
`60`	`61`	`}`