fix: WYSIWYG toolbar doesn't follow scroll on private notes

[SylvainChevalier]

Use overflow-x-clip instead of overflow-x-hidden in QuestionSection 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.

Fixes #4261

Generated with Claude Code

Summary by CodeRabbit

• Style
  • Improved horizontal overflow handling on the question detail page for better content display.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro

Run ID: 6f4a9012-bedd-44a0-b495-91a4cd7fcca4

📥 Commits

Reviewing files that changed from the base of the PR and between a75665e and 2cf4d0f.

📒 Files selected for processing (1)

• front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx

---

📝 Walkthrough

Walkthrough

A single CSS class change on the question section's root container updates horizontal overflow behavior from overflow-x-hidden to overflow-x-clip, adjusting how overflow content is clipped on the x-axis.

Changes

Overflow Behavior Fix

Layer / File(s)	Summary
Overflow behavior adjustment front_end/src/app/(main)/questions/[id]/components/question_layout/question_section.tsx	Root section container switches overflow-x-hidden to overflow-x-clip to modify x-axis overflow clipping behavior.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~2 minutes

Suggested reviewers

• ncarazon
• cemreinanc

Poem

🐰 A scroll, a clip, a tiny fix,
Where overflow rules mix and twist,
One class swapped for another's call,
Now toolbars follow, after all! ✨

🚥 Pre-merge checks | ✅ 4

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title clearly and specifically describes the main fix: addressing the WYSIWYG toolbar sticky positioning issue on private notes.
Linked Issues check	✅ Passed	The PR directly addresses issue #4261 by implementing the CSS change to replace overflow-x-hidden with overflow-x-clip, which prevents creation of a scroll container that breaks position:sticky on the toolbar.
Out of Scope Changes check	✅ Passed	The change is narrowly scoped to fix the specific issue: only the overflow property in QuestionSection is modified to resolve the toolbar sticky positioning problem.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch claude/issue-4261-wysiwyg-toolbar-doesnt-follow-scroll

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[github-actions]

Cleanup: Preview Environment Removed

The preview environment for this PR has been destroyed.

Resource	Status
🌐 Preview App	Deleted
🗄️ PostgreSQL Branch	Deleted
⚡ Redis Database	Deleted
🔧 GitHub Deployments	Removed
📦 Docker Image	Retained (auto-cleanup via GHCR policies)

---

Cleanup triggered by PR close at 2026-05-19T15:42:59Z

[SylvainChevalier]

lgtm.