Skip to content

Bugfix: Prevent horizontal scrolling in the application menu panel - #46

Merged
basmilius merged 1 commit into
mainfrom
fix/scrollable-application-menu-panel
Sep 22, 2026
Merged

basmilius merged 1 commit into
mainfrom
fix/scrollable-application-menu-panel

Conversation

@Almighty-Shogun

@Almighty-Shogun Almighty-Shogun commented Sep 2, 2026 •

Copy link
Copy Markdown
Collaborator

This PR resolves the application menu panel being able to scroll sideways, by clipping its horizontal axis.

Before this, .applicationMenuPanel only declared overflow-y: auto. Per the CSS Overflow spec a visible value on one axis computes to auto when the other axis is not visible, so the panel was a horizontal scroll container too. That shows up when the menu is collapsed: the aside animates its width down to --application-menu-width-collapsed, while .menuItemLabel only fades out through opacity, filter and translate and keeps its full layout width. The content stayed wider than the 69px panel, which left a horizontal scrollbar and let the panel be nudged sideways inside the stage. This now clips that axis, so the panel scrolls vertically and nothing else.

Panel-to-panel navigation is unaffected: that is a translateX on .applicationMenuTrack clipped by .applicationMenuStage, not a scroll on the panel itself.

Summary by CodeRabbit

  • Bug Fixes
    • Prevented horizontal overflow in the application menu panel while preserving vertical scrolling.

@coderabbitai

coderabbitai Bot commented Sep 2, 2026

Copy link
Copy Markdown

Review Change Stack

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Team

Run ID: 8dc39830-afaf-46f2-9520-4f5b8a77cede

📥 Commits

Reviewing files that changed from the base of the PR and between d0ad0a5 and 7a1b7ad.

📒 Files selected for processing (1)
  • packages/application/src/css/component/ApplicationMenu.module.scss

Included review availability: Your plan provides up to 1 included review per hour; 0 remain after this review.


Walkthrough

The menu panel now hides horizontal overflow while retaining automatic vertical scrolling.

Changes

Menu panel overflow control

Layer / File(s) Summary
Panel overflow styling
packages/application/src/css/component/ApplicationMenu.module.scss
.applicationMenuPanel now sets overflow-x: hidden in addition to overflow-y: auto.

Estimated code review effort: 1 (Trivial) | ~2 minutes

Merge Risk: ⚪ Minimal · up to 7a1b7

This narrowly clips horizontal overflow in the application menu panel without changing panel navigation behavior, and no actionable merge-blocking risk remains.

Poem

A rabbit tucked the overflow away
The menu scrolls neatly through the day
Sideways pixels lose their flight
Vertical paths remain just right
One small rule keeps panels bright

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title clearly and concisely describes the main change: preventing horizontal scrolling in the application menu panel.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.
Full details: Docstring Coverage

Explanation

No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0 files. (1 skipped: 1 unsupported.)


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

Comment @coderabbitai help to get the list of available commands.

@basmilius
basmilius merged commit 3c75e91 into main Sep 22, 2026
2 checks passed
@basmilius
basmilius deleted the fix/scrollable-application-menu-panel branch September 22, 2026 09:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants