From a7f234223a3a34e55a77e3c216733c9f01e5e3c9 Mon Sep 17 00:00:00 2001 From: Gayan R Date: Sat, 26 Oct 2024 12:10:21 +0530 Subject: [PATCH 1/3] TAR-1977[Keyboard Accessibility] The right panel of Preboarding forms doesn't get the focus upon pressing Enter on the left menu tab --- components/src/directives/focus-first-element/index.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/components/src/directives/focus-first-element/index.ts b/components/src/directives/focus-first-element/index.ts index a3f395fd3..0cb76f309 100644 --- a/components/src/directives/focus-first-element/index.ts +++ b/components/src/directives/focus-first-element/index.ts @@ -20,8 +20,10 @@ const focusOnFirstElement = ( const firstFocusedElement = element.querySelectorAll(matchingString)[0]; firstFocusedElementsOnMounted.set(vnode.scopeId, firstFocusedElement); if (firstFocusedElement) { - (firstFocusedElement as HTMLElement).focus({ - preventScroll: true, + window.requestAnimationFrame(() => { + (firstFocusedElement as HTMLElement).focus({ + preventScroll: true, + }); }); } }; From c813bfd5d6814851c9ca6284ed4f453253fc5b69 Mon Sep 17 00:00:00 2001 From: Gayan R Date: Sat, 26 Oct 2024 12:12:57 +0530 Subject: [PATCH 2/3] changelog file updated --- changelog.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/changelog.md b/changelog.md index 3e102d90d..9b0b9967b 100644 --- a/changelog.md +++ b/changelog.md @@ -1,3 +1,5 @@ +2024-10-25 - a7f234223a3a34e55a77e3c216733c9f01e5e3c9 -TAR-1977 Preboarding keyboard accessibility issue fixes + 2024-10-25 - 0ba4cd7666f48d5e702ff930ec39f43f203bc4bc -Input/PasswordInput.vue - Updating password Input field 2024-10-22 - 84b7f4bfe4893a54c8bd281e10feda17a2356abd -Icon/icons.ts - Added new icon as oxd-open-new-tab From 7b47b25c73a95d2c257364d02c2dd741a8cdb898 Mon Sep 17 00:00:00 2001 From: Gayan R Date: Sat, 26 Oct 2024 13:17:11 +0530 Subject: [PATCH 3/3] changelog file updated --- changelog.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/changelog.md b/changelog.md index 9b0b9967b..73be624a2 100644 --- a/changelog.md +++ b/changelog.md @@ -1,4 +1,4 @@ -2024-10-25 - a7f234223a3a34e55a77e3c216733c9f01e5e3c9 -TAR-1977 Preboarding keyboard accessibility issue fixes +2024-10-26 - a7f234223a3a34e55a77e3c216733c9f01e5e3c9 - directives/focus-first-element/index.ts - Update the focus first directive to wait for animations to stop 2024-10-25 - 0ba4cd7666f48d5e702ff930ec39f43f203bc4bc -Input/PasswordInput.vue - Updating password Input field