Fix clicking accessibility

This commit is contained in:
Andras Schmelczer 2022-09-24 21:53:13 +02:00
parent 51c8d06569
commit cf07001036
No known key found for this signature in database
GPG key ID: 0EA1BC97D0AB076E
4 changed files with 22 additions and 13 deletions

View file

@ -0,0 +1,18 @@
let isSpaceClickActive = false;
export const addSupportForTabNavigation = () =>
document.addEventListener('keydown', (e) => {
if (e.key === ' ') {
isSpaceClickActive = true;
(document.activeElement as HTMLElement)?.click();
e.preventDefault();
}
});
export const removeUnnecessaryOutlines = () =>
document.addEventListener('click', () => {
if (!isSpaceClickActive) {
(document.activeElement as HTMLElement).blur?.();
}
isSpaceClickActive = false;
});

View file

@ -1,7 +0,0 @@
export const addSupportForTabNavigation = () =>
document.addEventListener('keydown', (e) => {
if (e.key === ' ') {
(document.activeElement as HTMLElement)?.click();
e.preventDefault();
}
});

View file

@ -1,4 +0,0 @@
export const removeUnnecessaryOutlines = () =>
document.addEventListener('click', () =>
(document.activeElement as HTMLElement).blur?.()
);