Unnecessary scroll bar

[CWDamm-Kint]

Several pages have an unnecessary scrollbar (red arrow), resulting from the body element very slightly overlapping the html element.

When you scroll down the small amount possible, you can see a thin line of whitespace below the sidenav (blue arrow), suggesting this overflow is only by a single pixel.

Arbitrarily reducing the height of the sidenav and main section elements doesn't remove the issue, suggesting it's just the body itself that's overflowing.

Beyond aesthetics, this scrollbar can cause some accessibility issues, especially at higher zooms, as seen in #11654

[chiatt]

This doesn't seem to occur using on a mac using Chrome. What browser are you using @CWDamm-Kint?

[CWDamm-Kint]

Hi @chiatt, @SDScandrettKint and I have managed to narrow it down a bit more (he couldn't replicate it at first either). It seems that once you go onto a node with a rich text widget, this scroll bar appears and stays there, even when you move away to other nodes. We've managed to replicate it in AFHER and Arches 7.6, on both Chrome and Edge. But not Firefox, interestingly.

Scrollbar.replication.video.mp4