javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

refactor(focus-visible): add check for reset

Browse Source
This commit is contained in:
Maria Hutt
2024-11-27 13:39:45 -08:00
parent e7b53047be
commit 9f772f4ea7
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/utils/focus-visible.ts
View File

@@ -40,7 +40,7 @@ export const startFocusVisible = (rootEl?: HTMLElement): FocusVisibleUtility =>
keyboardMode = false;
setFocus([]);
};
// Enter triggers on iOS device with physical keyboard
// Enter triggers on iOS device with physical keyboard
const onKeydown = (ev: Event) => {
console.log('onKeydown', ev);
keyboardMode = FOCUS_KEYS.includes((ev as KeyboardEvent).key);
@@ -50,8 +50,9 @@ export const startFocusVisible = (rootEl?: HTMLElement): FocusVisibleUtility =>
};
const onFocusin = (ev: Event) => {
console.log('onFocusin', ev);
let toFocus: Element[] = [];
if (keyboardMode && ev.composedPath !== undefined) {
const toFocus = ev.composedPath().filter((el: any) => {
toFocus = ev.composedPath().filter((el: any) => {
// TODO(FW-2832): type
if (el.classList) {
return el.classList.contains(ION_FOCUSABLE);
@@ -60,7 +61,9 @@ export const startFocusVisible = (rootEl?: HTMLElement): FocusVisibleUtility =>
}) as Element[];
setFocus(toFocus);
}
keyboardMode = true;
if (toFocus.length > 0) {
keyboardMode = true;
}
};
const onFocusout = () => {
console.log('onFocusout');