feat(VTooltip): add new prop intertactive

add new prop that allows pointer-events on the tooltip itself

resolves #19473

Author: johnleider

packages/api-generator/src/locale/en/VTooltip.json

@@ -3,6 +3,7 @@
     "closeDelay": "Delay (in ms) after which menu closes (when open-on-hover prop is set to true).",
     "debounce": "Duration before tooltip is shown and hidden when hovered.",
     "id": "HTML id attribute of the tooltip overlay. If not set, a globally unique id will be used.",
+    "interactive": "When true, the tooltip will respond to pointer events, allowing you to copy text from it.",
     "internalActivator": "Designates whether to use an internal activator.",
     "openDelay": "Delay (in ms) after which tooltip opens (when `open-on-hover` prop is set to **true**).",
     "openOnClick": "Designates whether the tooltip should open on activator click.",

packages/docs/src/data/new-in.json

@@ -39,7 +39,8 @@
   },
   "VTooltip": {
     "props": {
-      "eager": "3.2.0"
+      "eager": "3.2.0",
+      "interactive": "3.8.0"
     }
   }
 }

packages/vuetify/src/components/VTooltip/VTooltip.sass

@@ -15,7 +15,6 @@
       text-transform: initial
       width: auto
       opacity: 1
-      pointer-events: none
       transition-property: opacity, transform
       overflow-wrap: $tooltip-overflow-wrap
 
@@ -26,3 +25,7 @@
       &[class*="leave-active"]
         transition-timing-function: settings.$accelerated-easing
         transition-duration: $tooltip-transition-leave-duration
+
+    &:not(.v-tooltip--interactive)
+      > .v-overlay__content
+        pointer-events: none

packages/vuetify/src/components/VTooltip/VTooltip.tsx

@@ -20,6 +20,7 @@ import type { OverlaySlots } from '@/components/VOverlay/VOverlay'
 
 export const makeVTooltipProps = propsFactory({
   id: String,
+  interactive: Boolean,
   text: String,
 
   ...omit(makeVOverlayProps({
@@ -94,6 +95,7 @@ export const VTooltip = genericComponent<OverlaySlots>()({
           ref={ overlay }
           class={[
             'v-tooltip',
+            { 'v-tooltip--interactive': props.interactive },
             props.class,
           ]}
           style={ props.style }