javascript-tutorial / javascript-tutorial/en.javascript.info
javascript.info main page "tabs__menu sticky" bug
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 25.5k
- Forks
- 4k
- PR merge metrics
- No merged PRs in 30d
Description
Issue
Hi,
I just found a bug on the main page (i checked it on brave and chrome, opera), it turns out that the top bar displaying the user's position on the page does not cover all the text underneath and you can see some text on top of it. I don't know what causes it, because top property is set to 0.
Gif:
Solution
I know how to fix this issue, just set the value of the "top" property of the "tabs__menu sticky" element to -0.1px to avoid the problem.
Gif:
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Search the main page for the "tabs__menu sticky" element and inspect its sticky positioning, especially the top property. Reproduce the scrolling behavior in a Chromium-based browser and verify that the top bar fully covers the text beneath it without visible overlap.
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
- 48/100