Enforce scrollbar on body

Stanislav Lashmanovrequested to merge
slashmanov/fix-jumping-body-scroll into master

What does this MR do and why?

This MR forces scrollbar on the <body> element, so that a change in page's height doesn't trigger a layout shift. This makes all pages appear consistent, no matter what their height is.

For pages that require scrollbar to be hidden it can be enforced through page bundles.

Screenshots or screen recordings

Before After
Screen_Recording_2025-04-01_at_06.20.12 Screen_Recording_2025-04-01_at_06.16.34

How to set up and validate locally

  1. Enable force_scrollbar feature flag
  2. Visit merge request with changes
  3. Ensure there are no pipelines created in this merge request
  4. Switch in between Pipelines and Changes tab
  5. Observe no layout shift on the page
Edited by Stanislav Lashmanov

Merge request reports