Scrollbar always visible next appdir test setup

garronej · garronej · commit d184d8e6470a · 2023-06-03T03:50:43.000+02:00
diff --git a/test/integration/next-appdir/app/layout.tsx b/test/integration/next-appdir/app/layout.tsx
@@ -17,15 +17,22 @@ const brandTop = <>INTITULE<br />OFFICIEL</>;
 const homeLinkPops = { "href": "/", "title": "Accueil - Nom de l’entité (ministère, secrétariat d‘état, gouvernement)" };
 
 declare module "@codegouvfr/react-dsfr/gdpr" {
-    interface RegisterGdprServices { 
-        matomo: never;
-    }
+	interface RegisterGdprServices {
+		matomo: never;
+	}
 }
 
 export default function RootLayout({ children }: { children: JSX.Element; }) {
 
 	return (
-		<html {...getColorSchemeHtmlAttributes({ defaultColorScheme })} >
+		<html
+			{...getColorSchemeHtmlAttributes({ defaultColorScheme })}
+			//NOTE: Scrollbar always visible to avoid layout shift when modal are opened
+			style={{
+				"overflow": "-moz-scrollbars-vertical",
+				"overflowY": "scroll"
+			}}
+		>
 			<head>
 				<title>Next 13 AppDir Demo DSFR setup</title>
 				<StartDsfr />
@@ -53,7 +60,7 @@ export default function RootLayout({ children }: { children: JSX.Element; }) {
 				}}
 			>
 				<DsfrProvider defaultColorScheme={defaultColorScheme}>
-					<ConsentBanner gdprLinkProps={{href: "/mui"}} siteName='Next Test App' services={[
+					<ConsentBanner gdprLinkProps={{ href: "/mui" }} siteName='Next Test App' services={[
 						{
 							name: "matomo",
 							title: "Matomo",
