Support containing actionable items to focused items in the navigable list

This commit is contained in:
Jorge Manrubia
2025-11-20 14:03:00 +01:00
parent eb51edac1c
commit ccfc1b6058
2 changed files with 4 additions and 2 deletions
@@ -13,7 +13,8 @@ export default class extends Controller {
supportsVerticalNavigation: { type: Boolean, default: true },
hasNestedNavigation: { type: Boolean, default: false },
preventHandledKeys: { type: Boolean, default: false },
autoSelect: { type: Boolean, default: true }
autoSelect: { type: Boolean, default: true },
onlyActOnFocusedItems: { type: Boolean, default: false }
}
connect() {
@@ -140,7 +141,7 @@ export default class extends Controller {
}
get #isFocusContainedOnNavigableItem() {
return this.itemTargets.some(item => item.contains(document.activeElement))
return !this.onlyActOnFocusedItemsValue && this.itemTargets.some(item => item.contains(document.activeElement))
}
#toggleCurrentItem(event) {