feat(VDialog): add retainFocus prop

fixes #6892
see 513cb56
see 2d5d72b

packages/docs/src/lang/en/components/Dialogs.json

@@ -58,6 +58,7 @@
     "openOnHover": "Designates whether component should activate when its activator is hovered.",
     "origin": "Mixins.Transitionable.props.origin",
     "persistent": "Clicking outside of the element will not deactivate it.",
+    "retainFocus": "Tab focus will return to the first child of the dialog by default. Disable this when using external tools that require focus such as TinyMCE or vue-clipboard.",
     "scrollable": "When set to true, expects a `v-card` and a `v-card-text` component with a designated height. For more information, check out the [scrollabe example](/components/dialogs#scrollable).",
     "transition": "Mixins.Transitionable.props.transition",
     "width": "Mixins.Measurable.props.width"

packages/vuetify/src/components/VDialog/VDialog.ts

@@ -54,6 +54,10 @@ export default baseMixins.extend({
       default: 'center center',
     },
     persistent: Boolean,
+    retainFocus: {
+      type: Boolean,
+      default: true,
+    },
     scrollable: Boolean,
     transition: {
       type: [String, Boolean],
@@ -200,7 +204,7 @@ export default baseMixins.extend({
       this.$emit('keydown', e)
     },
     onFocusin (e: Event) {
-      if (!e) return
+      if (!e || !this.retainFocus) return
 
       const target = e.target as HTMLElement