@descope-ui/descope-tooltip 3.1.12 → 3.2.0

package/CHANGELOG.md

@@ -2,6 +2,10 @@
 
 This file was generated using [@jscutlery/semver](https://github.com/jscutlery/semver).
 
+## [3.2.0](https://github.com/descope/web-components-ui/compare/web-components-ui-3.1.13...web-components-ui-3.2.0) (2026-04-16)
+
+## [3.1.13](https://github.com/descope/web-components-ui/compare/web-components-ui-3.1.12...web-components-ui-3.1.13) (2026-04-15)
+
 ## [3.1.12](https://github.com/descope/web-components-ui/compare/web-components-ui-3.1.11...web-components-ui-3.1.12) (2026-04-15)
 
 ## [3.1.11](https://github.com/descope/web-components-ui/compare/web-components-ui-3.1.10...web-components-ui-3.1.11) (2026-04-15)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope-ui/descope-tooltip",
-  "version": "3.1.12",
+  "version": "3.2.0",
   "exports": {
     ".": {
       "import": "./src/component/index.js"
@@ -14,13 +14,13 @@
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",
-    "e2e-utils": "3.1.12"
+    "e2e-utils": "3.2.0"
   },
   "dependencies": {
     "@vaadin/tooltip": "24.3.4",
-    "@descope-ui/common": "3.1.12",
-    "@descope-ui/theme-globals": "3.1.12",
-    "@descope-ui/descope-enriched-text": "3.1.12"
+    "@descope-ui/common": "3.2.0",
+    "@descope-ui/theme-globals": "3.2.0",
+    "@descope-ui/descope-enriched-text": "3.2.0"
   },
   "publishConfig": {
     "link-workspace-packages": false

package/src/component/TooltipClass.js

@@ -86,7 +86,7 @@ class RawTooltip extends BaseClass {
     this.tooltip.style.overflow = 'hidden';
     this.tooltip.style.position = 'absolute';
   }
-  
+
   #revealWrappedParts() {
     this.tooltip.style.width = '100%';
     this.tooltip.style.height = '100%';
@@ -111,9 +111,7 @@ class RawTooltip extends BaseClass {
   #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;
 
@@ -133,6 +131,10 @@ class RawTooltip extends BaseClass {
     return enrichedText;
   }
 
+  get srLabel() {
+    return this.tooltip?.querySelector('[slot="sr-label"]');
+  }
+
   #initTooltipTextComponent() {
     if (!this.overlayContentNode) return;
 
@@ -143,6 +145,12 @@ class RawTooltip extends BaseClass {
 
       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'],
       });
@@ -178,7 +186,15 @@ class RawTooltip extends BaseClass {
 
   #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) {
@@ -190,7 +206,7 @@ class RawTooltip extends BaseClass {
       }
 
       if (attrName === 'opened') {
-        this.#handleTooltipVisibility(attrName, newValue)
+        this.#handleTooltipVisibility();
       }
     }
   }