fix: auto-collapse playground menu on mobile (#2430)#2431
Merged
reynaldichernando merged 2 commits intoHeyPuter:mainfrom Feb 6, 2026
Merged
fix: auto-collapse playground menu on mobile (#2430)#2431reynaldichernando merged 2 commits intoHeyPuter:mainfrom
reynaldichernando merged 2 commits intoHeyPuter:mainfrom
Conversation
Member
|
hi @voidcommit-afk , i left a small comment, but otherwise this PR is good! |
Contributor
Author
|
hi @reynaldichernando |
reynaldichernando
approved these changes
Feb 6, 2026
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This PR improves the user experience of the Puter.js Playground on mobile devices. Previously, when a user selected an example from the sidebar menu in mobile view, the menu would remain open and cover the editor, requiring the user to manually click the toggle button to close it.
The sidebar now automatically collapses once a link is clicked, allowing the user to see the selected example immediately.
Changes
UX Improvement: Added a check in app.js to automatically collapse the sidebar when a .sidebar-item is clicked if the window width is 768px or less.
Code Polish:
Added /* global */ comments to avoid linting errors for external libraries like Monaco and Clarity.
Simplified popstate handling by using window.location.reload() instead of re-assigning window.location.href.
Removed an unused variable (code) in app.js.
demo vid of the changes made
demo.mp4