fix(tooltip): fixing content display issues before upgraded (#1323)

* fix(tooltip): making content display non until floating-ui upgrades content

* fix(tooltip): moving initialized below #float

.changeset/healthy-onions-work.md

@@ -0,0 +1,5 @@
+---
+"@rhds/elements": patch
+---
+
+`<rh-tooltip>`: fixes issue where content would take up unwanted space before the element fully upgraded

elements/rh-tooltip/rh-tooltip.css

@@ -76,6 +76,10 @@
       );
 }
 
+:not(.initialized) #tooltip {
+  display: none;
+}
+
 #tooltip:after {
   display: block;
   content: "";

elements/rh-tooltip/rh-tooltip.ts

@@ -55,6 +55,8 @@ export class RhTooltip extends LitElement {
     content: (): HTMLElement | undefined | null => this.shadowRoot?.querySelector('#tooltip'),
   });
 
+  #initialized = false;
+
   override connectedCallback(): void {
     super.connectedCallback();
     ENTER_EVENTS.forEach(evt => this.addEventListener(evt, this.show));
@@ -70,6 +72,7 @@ export class RhTooltip extends LitElement {
       <div id="container"
            style="${styleMap(styles)}"
            class="${classMap({ open,
+                              'initialized': !!this.#initialized,
                                [on]: !!on,
                                [anchor]: !!anchor,
                                [alignment]: !!alignment })}">
@@ -89,6 +92,7 @@ export class RhTooltip extends LitElement {
         !placement?.match(/top|bottom/) ? 15
       : { mainAxis: 15, alignmentAxis: -4 };
     await this.#float.show({ offset, placement });
+    this.#initialized = true;
   }
 
   /** Hide the tooltip */