Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(playground): remove duplicate editor scrollbar #12653

Merged
merged 1 commit into from
Feb 26, 2025

Conversation

JustinWebDev
Copy link
Contributor

@JustinWebDev JustinWebDev commented Feb 21, 2025

Summary

Fixes #12572.

Problem

When a code block has overflowed text, a second vertical scroll bar appears; the original one never becomes active.
I see this in Firefox and Edge on Windows 10.

Solution

remove overflow-y: scroll; in class "play-editor" on line 202


Screenshots

removes the inner scroll bar
image

Before

image

After

image


How did you test this change?

using the browser dev tools, toggled off this rule

@JustinWebDev JustinWebDev requested a review from a team as a code owner February 21, 2025 23:07
@caugner caugner changed the title Update index.scss for scroll bar overflow #12572 fix(playground): avoid overflow scroll bar Feb 26, 2025
@caugner caugner changed the title fix(playground): avoid overflow scroll bar fix(playground): remove duplicate editor scrollbar Feb 26, 2025
Copy link
Contributor

@caugner caugner left a comment

Choose a reason for hiding this comment

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

LGTM, thanks! 🎉

@caugner caugner merged commit f366927 into mdn:main Feb 26, 2025
12 checks passed
@JustinWebDev
Copy link
Contributor Author

👍 When can it be expected to show up in prod?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

playground code blocks have double scroll bars
2 participants