fix: navigate to main content whenever the user performs a page navig…

…ation (#1839)
Altinn · Feb 19, 2024 · 7293d6e · 7293d6e
1 parent 070d3b8
commit 7293d6e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/wrappers/Presentation.tsx b/src/components/wrappers/Presentation.tsx
@@ -111,6 +111,7 @@ export const PresentationComponent = (props: IPresentationProvidedProps) => {
         <section
           id='main-content'
           className={classes.modal}
+          tabIndex={-1}
         >
           <Header {...props} />
           <div className={classes.modalBody}>{props.children}</div>

diff --git a/src/features/layout/formLayoutSlice.ts b/src/features/layout/formLayoutSlice.ts
@@ -169,6 +169,7 @@ export const formLayoutSlice = () => {
           takeEvery: (action) => {
             if (!action.payload.focusComponentId) {
               window.scrollTo({ top: 0 });
+              document.getElementById('main-content')?.focus({ preventScroll: true });
             }
           },
           reducer: (state, action) => {