popcodeorg / popcodeorg/popcode

Double scroll bar visible while editing long instructions

Open
#1,399 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

bug
Dominant language
JavaScript
Stars
191
Forks
143
Avg merge
4d 11h
Merged PRs (30d)
5

Description

Can see two scroll bars with long instructions. Open: https://popcode.org/?gist=a6f4b9bfd0b42b494346ff15abb43ab6 and edit the instructions. Reduce window size until the scroll bar shows up. You will notice the two scroll bars next to each other.

If you’re a Mac user, you should turn on always-visible scroll bars (a good idea for web developers anyway!)

two-scroll-bars

Contributor guide

No contributing guide indexed for this repository

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

Open the linked Popcode example, edit the long instructions, and reduce the window size with always-visible scroll bars enabled if using macOS. Trace the editor layout and scrolling behavior to identify why two scroll bars appear. Done means the long-instructions editor shows only the intended scroll bar.

Written by the indexing model from the issue text.

Assessment

Tech stack
css, html, javascript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.