Improves accessibility by disabling custom Tab handling

Comments out custom Tab key behavior to allow default browser focus movement, enhancing accessibility for keyboard users and assistive technologies.
This commit is contained in:
seve12 2025-08-04 17:45:53 +03:00
parent 20f91ef893
commit 81c9e96bf3

View file

@ -314,7 +314,8 @@ BlazeComponent.extendComponent({
// Pressing Tab should open the form of the next column, and Maj+Tab go // Pressing Tab should open the form of the next column, and Maj+Tab go
// in the reverse order // in the reverse order
} else if (evt.keyCode === 9) { } else if (evt.keyCode === 9) {
evt.preventDefault(); // Prevent custom focus movement on Tab key for accessibility
// evt.preventDefault();
const isReverse = evt.shiftKey; const isReverse = evt.shiftKey;
const list = $(`#js-list-${this.data().listId}`); const list = $(`#js-list-${this.data().listId}`);
const listSelector = '.js-list:not(.js-list-composer)'; const listSelector = '.js-list:not(.js-list-composer)';
@ -414,10 +415,11 @@ BlazeComponent.extendComponent({
// event propagation to prevent the card from submitting (on `Enter`) or // event propagation to prevent the card from submitting (on `Enter`) or
// going on the next column (on `Tab`). // going on the next column (on `Tab`).
onKeydown(evt, commands) { onKeydown(evt, commands) {
if (evt.keyCode === 9 || evt.keyCode === 13) { // Prevent custom focus movement on Tab key for accessibility
evt.stopPropagation(); // if (evt.keyCode === 9 || evt.keyCode === 13) {
return commands.KEY_ENTER; // evt.stopPropagation();
} // return commands.KEY_ENTER;
//}
return null; return null;
}, },
}, },