fix(tooltip): make content inert when hidden (#2908)

* fix(tooltip): make content inert when hidden

* docs: create small-trees-invite.md

Author: bennypowers

.changeset/small-trees-invite.md

@@ -0,0 +1,5 @@
+---
+"@patternfly/elements": patch
+---
+
+`<pf-tooltip>`: hide content when copy/pasting tooltip elements

elements/pf-tooltip/pf-tooltip.css

@@ -21,6 +21,7 @@
 #tooltip {
   --_timestamp-text-decoration: none;
   --_timestamp-text-underline-offset: initial;
+  user-select: none;
   display: block;
   opacity: 0;
   pointer-events: none;
@@ -70,6 +71,7 @@
 
 .open #tooltip {
   opacity: 1;
+  user-select: initial;
 }
 
 /* LEFT */

elements/pf-tooltip/pf-tooltip.ts

@@ -189,7 +189,7 @@ export class PfTooltip extends LitElement {
              aria-labelledby="tooltip">
           <slot id="invoker" @slotchange="${this.#invokerChanged}"></slot>
         </div>
-        <div aria-hidden="${String(!open) as 'true' | 'false'}">
+        <div ?inert="${!open}">
           <slot id="tooltip" name="content">${this.content}</slot>
         </div>
       </div>