Scrolling using keyboard doesn't work

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Summary

Unable to scroll using keyboard after page load. Neither up/down arrows, page up/down nor Home/End work.

Once the main frame is selected using the mouse by clicking an empty area, keyboard scrolling works as expected.

Steps to reproduce

  1. load a page longer than screen height
  2. DO NOT click on anything
  3. use down arrow to scroll down
  4. nothing happens

A similar issue arises when selecting some navigation items:

  1. load the issues page https://gitlab.com/gitlab-org/gitlab/-/issues?first_page_size=20
  2. click on "Closed" tab
  3. use down arrow to scroll down
  4. "All" tab is selected instead of page scrolling

What is the current bug behavior?

Scrolling using the keyboard doesn't work until the mouse is used to focus the main body.

This happens on pretty much all pages, issues as seen in reproducer above, but also code, mrs, etc.

What is the expected correct behavior?

Keyboard scrolling should just work when the page is loaded required no mouse interaction.

Relevant logs and/or screenshots

Output of checks

This bug happens on GitLab.com

Possible fixes

Set autofocus on header items on page load (!211561 - merged) set the focus on page load to be in the header... This might have resulted in scrolling not working anymore.

Edited by 🤖 GitLab Bot 🤖