Skip to content

Fix side panel editor overflow within the viewport#61

Merged
hazzery merged 1 commit into
bartneck:masterfrom
cjdyer:fix/panel-scroll-overflow
May 14, 2026
Merged

Fix side panel editor overflow within the viewport#61
hazzery merged 1 commit into
bartneck:masterfrom
cjdyer:fix/panel-scroll-overflow

Conversation

@cjdyer

@cjdyer cjdyer commented May 13, 2026

Copy link
Copy Markdown

This fixes a layout issue where the tutorial and generated XML panels could overflow their container and show an extra scrollbar. The overflow came from sizing those editors against 100vh instead of the height provided by the app’s existing flex layout.

Changes:

  • Make the main editor/panel split layout opt into proper flex shrinking with minHeight: 0 and minWidth: 0
  • Stop the tutorial and XML side-panel editors from calculating their own viewport height
  • Size those CodeMirror instances to 100% of their parent container instead

Result:

  • The extra scrollbar inside the side panel is removed
  • The tutorial and XML panel horizontal scrollbars are fully visible again
  • The panel content now stays aligned with the viewport height more reliably across screen sizes

@cjdyer

cjdyer commented May 13, 2026

Copy link
Copy Markdown
Author

Before:
image

After:
image

@hazzery hazzery self-requested a review May 14, 2026 06:49

@hazzery hazzery left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you for this fix!

@hazzery hazzery merged commit 3cbbb65 into bartneck:master May 14, 2026
1 check passed
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