inclusive-elements 0.6.0 → 0.6.1

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+### [0.6.1](https://github.com/tobyzerner/inclusive-elements/compare/v0.6.0...v0.6.1) (2026-03-23)
+
+
+### Bug Fixes
+
+* **demo:** hide reactions menu ([df0afa8](https://github.com/tobyzerner/inclusive-elements/commit/df0afa896688cf342f7c3d7808296f881aaaa1a7))
+* **menu:** return focus to root trigger on Escape and Tab ([9c9b28a](https://github.com/tobyzerner/inclusive-elements/commit/9c9b28ae181f42efd76abc10809ac1f4a7a6c9e6))
+* **tabs:** prevent attribute observer loop ([48e2043](https://github.com/tobyzerner/inclusive-elements/commit/48e2043350267b3fc7aa7b649b235d74d25cbc07))
+
 ## [0.6.0](https://github.com/tobyzerner/inclusive-elements/compare/v0.5.5...v0.6.0) (2026-03-23)
 
 ### Overview
@@ -355,4 +364,4 @@ The runtime surface is now centered on `ui-alerts`, `ui-menu`, `ui-tabs`, `ui-to
 [0.1.0-beta.5]: https://github.com/tobyzerner/inclusive-elements/compare/v0.1.0-beta.4...v0.1.0-beta.5
 [0.1.0-beta.4]: https://github.com/tobyzerner/inclusive-elements/compare/v0.1.0-beta.3...v0.1.0-beta.4
 [0.1.0-beta.3]: https://github.com/tobyzerner/inclusive-elements/compare/v0.1.0-beta.2...v0.1.0-beta.3
-[0.1.0-beta.2]: https://github.com/tobyzerner/inclusive-elements/compare/v0.1.0-beta.1...v0.1.0-beta.2
+[0.1.0-beta.2]: https://github.com/tobyzerner/inclusive-elements/compare/v0.1.0-beta.1...v0.1.0-beta.2

package/dist/index.js

@@ -405,11 +405,11 @@ var I = class e extends HTMLElement {
 	onKeyDown = (e) => {
 		if (!this.isActive()) return;
 		if (e.key === "Tab") {
-			this.closeMenuTree();
+			this.closeMenuTree(), this.focusRootMenuTrigger();
 			return;
 		}
 		if (e.key === "Escape") {
-			e.preventDefault(), this.closeMenuTree();
+			e.preventDefault(), this.closeMenuTree(), this.focusRootMenuTrigger();
 			return;
 		}
 		let t = this.getEnabledItems(), n = this.getActiveItem(t), r = n ? t.indexOf(n) : -1;
@@ -531,6 +531,13 @@ var I = class e extends HTMLElement {
 	closeMenuTree() {
 		this.closeSelfAndDescendants(), this.getParentMenu()?.closeMenuTree();
 	}
+	focusRootMenuTrigger() {
+		this.getRootMenuTrigger()?.focus({ preventScroll: !0 });
+	}
+	getRootMenuTrigger() {
+		let e = this.getParentMenu();
+		return e ? e.getRootMenuTrigger() : this.getTriggers()[0] || null;
+	}
 	handleTypeahead(e, t, n) {
 		if (e.key === " " || e.key.length > 1 || e.ctrlKey || e.metaKey || e.altKey || !t.length) return;
 		e.preventDefault();
@@ -733,7 +740,7 @@ var I = class e extends HTMLElement {
 			subtree: !0,
 			childList: !0,
 			attributes: !0,
-			attributeFilter: ["role", "tabindex"]
+			attributeFilter: ["role", "aria-selected"]
 		}, () => this.syncStructure()), this.structureSync.observe(), this.structureSync.queue();
 	}
 	disconnectedCallback() {
@@ -798,11 +805,12 @@ var I = class e extends HTMLElement {
 		let a = this.getSelectedIndex(e);
 		return e.forEach(({ tab: e, panel: n }, i) => {
 			let a = i === t;
-			e.setAttribute("aria-selected", String(a)), a ? (e.removeAttribute("tabindex"), n.hidden = !1, r && e.focus()) : (e.setAttribute("tabindex", "-1"), n.hidden = !0), this.syncPanelTabindex(n, a);
+			e.getAttribute("aria-selected") !== String(a) && e.setAttribute("aria-selected", String(a)), a ? (e.removeAttribute("tabindex"), n.hidden = !1, r && e.focus()) : (e.setAttribute("tabindex", "-1"), n.hidden = !0), this.syncPanelTabindex(n, a);
 		}), i && a !== t && this.dispatchEvent(new Event("change")), a !== t;
 	}
 	syncPanelTabindex(e, t) {
-		if (t && !this.hasAuthorManagedTabindex(e) && me(e).length === 0) {
+		let n = me(e).filter((t) => t !== e);
+		if (t && !this.hasAuthorManagedTabindex(e) && n.length === 0) {
 			e.setAttribute("tabindex", "0"), this.managedPanelTabindex.add(e);
 			return;
 		}

package/dist/types/menu/menu.d.ts

@@ -32,6 +32,8 @@ export default class MenuElement extends HTMLElement {
     private closeSubmenus;
     private closeSelfAndDescendants;
     private closeMenuTree;
+    private focusRootMenuTrigger;
+    private getRootMenuTrigger;
     private handleTypeahead;
     private updateTypeaheadSearch;
     private findTypeaheadMatch;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "inclusive-elements",
-    "version": "0.6.0",
+    "version": "0.6.1",
     "description": "Accessible, lightweight, unstyled implementations of UI patterns that still need runtime help.",
     "type": "module",
     "module": "dist/index.js",