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.