From 2cf4d0f078352f1cd53f63b8fce85c4518794085 Mon Sep 17 00:00:00 2001
From: "claude[bot]" <41898282+claude[bot]@users.noreply.github.com>
Date: Wed, 8 Apr 2026 20:43:44 +0000
Subject: [PATCH] fix: use overflow-x-clip instead of overflow-x-hidden to fix
 sticky toolbar in private notes

overflow-x-hidden implicitly creates overflow-y:auto per CSS spec, which forms
a scroll container that breaks position:sticky on the WYSIWYG toolbar.
overflow-x-clip clips horizontal overflow without creating a scroll container,
so the toolbar correctly follows viewport scroll.

Fixes #4261

Co-authored-by: Sylvain <SylvainChevalier@users.noreply.github.com>
---
 .../[id]/components/question_layout/question_section.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx b/front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx
index 161edd82c6..53c3648565 100644
--- a/front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx
+++ b/front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx
@@ -2,7 +2,7 @@ import { PropsWithChildren } from "react";
 
 const QuestionSection: React.FC<PropsWithChildren> = ({ children }) => {
   return (
-    <section className="flex w-[48rem] max-w-full flex-col gap-5 overflow-x-hidden rounded border-transparent bg-gray-0 p-4 text-gray-900 dark:border-blue-200-dark dark:bg-gray-0-dark dark:text-gray-900-dark lg:gap-6 lg:border lg:p-8">
+    <section className="flex w-[48rem] max-w-full flex-col gap-5 overflow-x-clip rounded border-transparent bg-gray-0 p-4 text-gray-900 dark:border-blue-200-dark dark:bg-gray-0-dark dark:text-gray-900-dark lg:gap-6 lg:border lg:p-8">
       {children}
     </section>
   );