When reaching the top result using ↑/↓ keys, the top result may be out of view

[DominikPeters]

Description

Do a search that produces more results than fit in the view. Press the down button to navigate through all results. When reaching the bottom-most result, press down again. Now the top result is highlighted, but the view has not been scrolled up far enough to bring the result completely into view.

Steps to reproduce

1. Go to https://docsearch.algolia.com/
2. Press /, type search, press down key several times until hitting the top result again.
3. The top result is highlighted but not fully in view.

https://user-images.githubusercontent.com/3543224/146619441-6a14f8c2-1aa6-4475-b7d0-ef08fc3d9f49.mov

Environment

• OS: macOS
• Browser: Chrome 96, also Safari, but it works correctly in Firefox 95