fix: Fix la redirection sur une ancre après utilisation de la bouée (#…

…3330)
DNUM-SocialGouv · Sep 18, 2024 · 5671985 · 5671985
1 parent c603aa0
commit 5671985
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/client/components/ui/SkipLink/SkipLink.tsx b/src/client/components/ui/SkipLink/SkipLink.tsx
@@ -3,14 +3,13 @@ import React from 'react';
 import { Container } from '~/client/components/layouts/Container/Container';
 import { ID_NAV_MOBILE } from '~/client/components/layouts/Header/HeaderBody';
 import { ID_NAV_DESKTOP } from '~/client/components/layouts/Header/Navigation/NavDesktop';
-import { ID_TOP_ELEMENT } from '~/client/components/ui/Bouée/Bouée';
 import styles from '~/client/components/ui/SkipLink/SkipLink.module.scss';
 
 export default function SkipLink() {
 	return (
 		<div className={styles.skipLinkWrapper}>
 			<Container>
-				<ul id={ID_TOP_ELEMENT} tabIndex={-1}>
+				<ul tabIndex={-1}>
 					<li><a href="#contenu">Contenu principal</a></li>
 					<li className={styles.desktopOnly}><a href={`#${ID_NAV_DESKTOP}`}>Menu</a></li>
 					<li className={styles.mobileOnly}><a href={`#${ID_NAV_MOBILE}`}>Menu</a></li>

diff --git a/src/pages/_document.page.tsx b/src/pages/_document.page.tsx
@@ -2,6 +2,8 @@ import { Head, Html, Main, NextScript } from 'next/document';
 import Script from 'next/script';
 import React from 'react';
 
+import { ID_TOP_ELEMENT } from '../client/components/ui/Bouée/Bouée';
+
 export default function Document() {
 	return (
 		<Html lang="fr">
@@ -28,7 +30,7 @@ export default function Document() {
 				<meta name="msapplication-wide310x150logo" content="/favicons/mstile-310x150.png" />
 				<meta name="msapplication-square310x310logo" content="/favicons/mstile-310x310.png" />
 			</Head>
-			<body>
+			<body id={ID_TOP_ELEMENT}>
 				<Main />
 				<NextScript />
 				{ process.env.NODE_ENV === 'production' && (