Erratic jumping behaviour
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.3k
- Forks
- 5.2k
- PR merge metrics
- No merged PRs in 30d
Description
I'm not sure how to call this.
Please see https://jsfiddle.net/b7tjq1sk/6/
This is a rough representation of an app I'm currently making, stripped down to the basic elements at play here.
This appears on Chrome and to some extent on Safari on MacOS, but not Firefox. I turned off all extensions for testing.
The rightmost pane (white background) has a radio group at its bottom. Scroll all the way down. First of all, there aren't supposed to be two scrollbars. Second of all, when I click on a button, the whole page scrolls downwards into nothingness (a light gray area appears that isn't supposed to even exist and is not part of the box measurements of CSS). Or rather, it appears as though the view jumps upwards out of the viewport.
If I change the CSS visibility property of <body> to hidden, the same behaviour persists except that I then can't scroll back up, so I left it on auto.
The erratic behavior only appears after the .checkboxradio() call. If you disable it, the page loads and behaves normally, with only one scrollbar visible and no erratic behaviour when clicking the radio buttons.
Contributor guide
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
Start with the linked JSFiddle and reproduce the issue with the .checkboxradio() call enabled in Chrome and Safari on macOS, then compare it with the disabled state and Firefox. Done means the rightmost pane has one scrollbar and clicking its radio buttons no longer causes the page to jump into the gray area.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, jquery
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100