Clicking table checkbox scrolls everything out of viewport

[wkeese]

What package(s) are you using?

• carbon-components
• carbon-components-react

Detailed description

If a carbon table is contained in a scrollable <div>, then clicking the checkbox on chrome may scroll everything out of view.
Clicking a checkbox should not cause any scrolling.

Tested on Carbon 10.40.

I suspect there's a similar problem with vanilla checkboxes, which could be solved with a position:relative on the bx--checkbox-wrapper.

Steps to reproduce the issue

1. Open https://codesandbox.io/s/adoring-sound-cvryv?file=/index.html
2. Scroll down to the table.
3. Click the checkbox.
4. Everything scrolls out of the viewport.

Additional information

I originally filed this as https://bugs.chromium.org/p/chromium/issues/detail?id=1235323 but it seems to be a carbon issue, rather than a chrome issue per see. The root issue is that the checkbox's <input> is outside of the viewport, causing a scroll when clicking the <label>.

It only happens when the scroll is on a <div> rather than on the document itself.