@descope/web-components-ui 3.1.12 → 3.1.13

package/dist/cjs/index.cjs.js

@@ -8649,7 +8649,7 @@ class RawTooltip extends BaseClass$3 {
     this.tooltip.style.overflow = 'hidden';
     this.tooltip.style.position = 'absolute';
   }
-  
+
   #revealWrappedParts() {
     this.tooltip.style.width = '100%';
     this.tooltip.style.height = '100%';
@@ -8674,9 +8674,7 @@ class RawTooltip extends BaseClass$3 {
   #setTooltipTarget() {
     if (!this.children?.length) return;
 
-    let ele = Array.from(this.children).find(
-      (child) => child !== this.tooltip,
-    );
+    let ele = Array.from(this.children).find((child) => child !== this.tooltip);
 
     if (!ele) return;
 
@@ -8696,6 +8694,10 @@ class RawTooltip extends BaseClass$3 {
     return enrichedText;
   }
 
+  get srLabel() {
+    return this.tooltip?.querySelector('[slot="sr-label"]');
+  }
+
   #initTooltipTextComponent() {
     if (!this.overlayContentNode) return;
 
@@ -8706,6 +8708,12 @@ class RawTooltip extends BaseClass$3 {
 
       this.overlayContentNode.appendChild(this.textComponent);
 
+      // An empty sr-label with role="tooltip" fails accessibility checks.
+      // Hide it when there's no tooltip text; vaadin handles populating it when text is present.
+      if (this.srLabel && !this.tooltipText) {
+        this.srLabel.setAttribute('aria-hidden', 'true');
+      }
+
       forwardAttrs(this, this.textComponent, {
         includeAttrs: ['readonly'],
       });
@@ -8741,7 +8749,15 @@ class RawTooltip extends BaseClass$3 {
 
   #updateText(value) {
     if (!this.textComponent) return;
-    this.textComponent.textContent = value?.trim();
+    const trimmedValue = (value ?? '').trim();
+    this.textComponent.textContent = trimmedValue;
+    if (this.srLabel) {
+      if (trimmedValue) {
+        this.srLabel.removeAttribute('aria-hidden');
+      } else {
+        this.srLabel.setAttribute('aria-hidden', 'true');
+      }
+    }
   }
 
   attributeChangedCallback(attrName, oldValue, newValue) {
@@ -8753,7 +8769,7 @@ class RawTooltip extends BaseClass$3 {
       }
 
       if (attrName === 'opened') {
-        this.#handleTooltipVisibility(attrName, newValue);
+        this.#handleTooltipVisibility();
       }
     }
   }