javascript-tutorial / javascript-tutorial/en.javascript.info

Horizontal sidebar on mobile page version

Open
#3,333 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
HTML
Stars
25.5k
Forks
4k
PR merge metrics
No merged PRs in 30d

Description

Hey! I'd like to point out that the _"Get coordinates using button.getBoundingClientRect() for this button"_ button is making this page have a horizontal sidebar on mobile devices.

This isn't ideal since this is the only element that overflows the maximum width of mobile devices display.

What I'd suggest is resizing this button for mobile users, such that the button would fit the page. This can be achieved through CSS, setting up a maximum width of the button on mobile screens, the text will overflow to the next line.

Cya

Contributor guide

No contributing guide indexed for this repository

Research direction

Locate the page containing the “Get coordinates using button.getBoundingClientRect() for this button” button and inspect its CSS at mobile widths. Check the page in a narrow viewport; done means the button fits within the screen, its text can wrap, and no horizontal overflow remains.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.