mdn / mdn/fred

Suggestion: Make Playground editors/output resizable

Open
#1,406 3 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
JavaScript
Stars
233
Forks
61
Avg merge
1d 1h
Merged PRs (30d)
82

Description

Please have a look at how a Playground window looks on my laptop (I run Windows 10 with a display resolution of 3200x1800px, 250% scaled, using Firefox 138.0.1). Because the HTML, CSS, Javascript and result areas aren't resizable, I have to use scrollbars (outlined in red in the linked image) to see the code/result. Since that's rather inconvenient, I suggest that the areas be resizable, at least vertically.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the Playground window and its HTML, CSS, JavaScript, and result areas, then reproduce the layout on the reported high-resolution, scaled Firefox setup. The work is done when those areas can be resized vertically so the code and result are usable without relying on scrollbars.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.