Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Erratic jumping behaviour #2349

Open
yanone opened this issue Apr 4, 2025 · 0 comments
Open

Erratic jumping behaviour #2349

yanone opened this issue Apr 4, 2025 · 0 comments

Comments

@yanone
Copy link

yanone commented Apr 4, 2025

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

1 participant