@vaadin/a11y-base - npm Package Compare versions

Comparing version 24.3.9 to 24.3.10

package.json

 {
   "name": "@vaadin/a11y-base",
-  "version": "24.3.9",
+  "version": "24.3.10",
   "publishConfig": {
@@ -35,3 +35,3 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "~24.3.9",
+    "@vaadin/component-base": "~24.3.10",
     "lit": "^3.0.0"
@@ -44,3 +44,3 @@ },
   },
-  "gitHead": "89f71cc95b22840de910070c145f9cbf9714f4f4"
+  "gitHead": "32a4f327e78490074eaefa768f58857b83ca6278"
 }

src/keyboard-direction-mixin.js

@@ -39,3 +39,3 @@ /**
         if (idx >= 0) {
-          items[idx].focus();
+          this._focus(idx);
         }
@@ -42,0 +42,0 @@ }

src/list-mixin.js

@@ -11,2 +11,3 @@ /**
 import { SlotObserver } from '@vaadin/component-base/src/slot-observer.js';
+import { isElementHidden } from './focus-utils.js';
 import { KeyboardDirectionMixin } from './keyboard-direction-mixin.js';
@@ -121,4 +122,11 @@
       }
-      const firstItem = this.querySelector('[tabindex="0"]') || (this.items ? this.items[0] : null);
-      this._focusItem(firstItem);
+
+      const items = Array.isArray(this.items) ? this.items : [];
+      const idx = this._getAvailableIndex(items, 0, null, (item) => item.tabIndex === 0 && !isElementHidden(item));
+      if (idx >= 0) {
+        this._focus(idx);
+      } else {
+        // Call `KeyboardDirectionMixin` logic to focus first non-disabled item.
+        super.focus();
+      }
     }
@@ -125,0 +133,0 @@

No alert changes

Improved metrics

Total package byte prevSize

103095

increased by0.27%

Lines of code

2726

increased by0.26%

Dependency changes

• Updated@vaadin/component-base@~24.3.10