Skip to content

Enhancement: Unnecessary Vertical Scrollbar Appears on https://json-schema.org/docs #1662

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

Open
1 task done
Deepak-cell311 opened this issue May 16, 2025 · 7 comments
Open
1 task done
Labels
Status: Triage This is the initial status for an issue that requires triage.

Comments

@Deepak-cell311
Copy link

Deepak-cell311 commented May 16, 2025

On the https://json-schema.org/docs page of the JSON Schema website.

Issue:

When opening pages like the one shown in the attached screenshot, the left sidebar (Reference section) and the right side of the viewport both show visible vertical scrollbars, the page doesn’t initially fit within the viewport, so the appearance of the scrollbar is expected and justified. However, my intention is to allow scrolling behavior without showing the visible scrollbar, in order to enhance the visual polish of the UI — especially in dark mode.

Goal:

The goal is to retain the scrolling functionality while hiding the scrollbars, creating a smoother and cleaner appearance

Before

Image

After

Image

Are you working on this issue?

Yes

Does this PR introduce a breaking change?

No

Checklist

Please ensure the following tasks are completed before submitting this pull request.

@github-actions github-actions bot added the Status: Triage This is the initial status for an issue that requires triage. label May 16, 2025
Copy link

Welcome to the JSON Schema Community. We are so excited you are here! Thanks a lot for reporting your first issue!! 🎉🎉 Please make sure to take a look at our contributors guide if you plan on opening a pull request.
For more details, check out the README.md file.

@Deepak-cell311
Copy link
Author

Hey @DhairyaMajmudar , kindly have a look over this issue, and if approved then please assign this to me.
Thank you 🚀

@jagpreetrahi
Copy link
Contributor

Hey @Deepak-cell311, I hope you're doing well. I understand that contributing to a project can be really exciting, and it's great to see your enthusiasm in creating issues or pull requests. However, I kindly request that you avoid tagging others unnecessarily unless it's truly important, as everyone has their own responsibilities and workload. Also, please note that if there’s no activity on this issue for a certain period of time, it may either be closed automatically or reviewed by a maintainer accordingly.

Thanks for your understanding and contributions!

@Utkarsh-123github
Copy link
Contributor

Utkarsh-123github commented May 17, 2025

Hey @Deepak-cell311 , can you elaborate a bit more about the issue?
If I am not wrong, the page which you mentioned doesn't gets fit initially within the viewport, so I think a scrollbar is justifying this case.

@Deepak-cell311
Copy link
Author

Hey @Deepak-cell311 , can you elaborate a bit more about the issue? If I am not wrong, the page which you mentioned doesn't gets fit initially within the viewport, so I think a scrollbar is justifying this case.

Yes, you're absolutely right — the page doesn't initially fit within the viewport, so the scrollbar appears as expected. However, my intention is to hide the scrollbar while still allowing the scrolling behavior to work.

@Utkarsh-123github
Copy link
Contributor

Got it. So I think you need to modify your issue description first because it isn't clear enough. Also before raising a PR, please wait and let maintainers assign this issue to you.

@Deepak-cell311
Copy link
Author

Got it. So I think you need to modify your issue description first because it isn't clear enough. Also before raising a PR, please wait and let maintainers assign this issue to you.

Thank you for correction and feedback.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Status: Triage This is the initial status for an issue that requires triage.
Projects
None yet
Development

No branches or pull requests

3 participants