Fix clicking accessibility
This commit is contained in:
parent
51c8d06569
commit
cf07001036
4 changed files with 22 additions and 13 deletions
18
src/helper/accessibility.ts
Normal file
18
src/helper/accessibility.ts
Normal 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;
|
||||
});
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
export const addSupportForTabNavigation = () =>
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === ' ') {
|
||||
(document.activeElement as HTMLElement)?.click();
|
||||
e.preventDefault();
|
||||
}
|
||||
});
|
||||
|
|
@ -1,4 +0,0 @@
|
|||
export const removeUnnecessaryOutlines = () =>
|
||||
document.addEventListener('click', () =>
|
||||
(document.activeElement as HTMLElement).blur?.()
|
||||
);
|
||||
Loading…
Add table
Add a link
Reference in a new issue