feat: noAutoFocus

Akryum · Sep 8, 2022 · 919df7c · 919df7c
1 parent 86a916f
commit 919df7c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/packages/docs/src/api/README.md b/packages/docs/src/api/README.md
@@ -460,6 +460,14 @@ Boolean: prevent the popper from overflowing the `boundary` by adjusting its pos
 <VDropdown shift-cross-axis />
 ```
 
+### `noAutoFocus`
+
+Boolean: disable the auto focus on the popper DOM node when shown.
+
+```vue
+<VDropdown no-auto-focus />
+```
+
 ### `ariaId`
 
 Id used for the `aria-describedby` attribute. By default a random id.

diff --git a/packages/floating-vue/src/components/Popper.ts b/packages/floating-vue/src/components/Popper.ts
@@ -261,6 +261,11 @@ export default () => defineComponent({
       type: Boolean,
       default: defaultPropFactory('shiftCrossAxis'),
     },
+
+    noAutoFocus: {
+      type: Boolean,
+      default: defaultPropFactory('noAutoFocus'),
+    },
   },
 
   emits: [
@@ -773,7 +778,7 @@ export default () => defineComponent({
       await nextFrame()
       this.classes.showFrom = false
       this.classes.showTo = true
-      this.$_popperNode.focus()
+      if (!this.noAutoFocus) this.$_popperNode.focus()
     },
 
     async $_applyHide (skipTransition = false) {