Can't scroll using keyboard on Gatsby Docs pages

Description

Can’t scroll Gatsby docs using keyboard (arrow, home/end page up/down) keys
while only scrolling with mouse wheel works.

This happens in both Chrome & FireFox (latest versions) Refer to Environment for version.

Steps to reproduce

1. Go to either a Docs pages: https://www.gatsbyjs.com/docs/
2. Scroll the content using keyboard keys such as arrow, home/end or page up/down keys.

Expected result

Should be able to scroll up & down

Actual result

The docs page doesn’t scroll with keyboard keys

Environment

Run gatsby info --clipboard in your project directory and paste the output here.

gatsby CLI is Irrelevant so I will post npx envinfo content instead:

$  npx envinfo 

  System:
    OS: Linux 5.4 Ubuntu 20.04.1 LTS (Focal Fossa)
    CPU: (8) x64 Intel(R) Core(TM) i7-8565U CPU @ 1.80GHz
    Memory: 1.07 GB / 15.30 GB
    Container: Yes
    Shell: 5.8 - /usr/bin/zsh
  Browsers:
    Chrome: 85.0.4183.83
    Firefox: 80.0

[dance2die]

Thank you @LekoArts for following up and fixing the issue, @fk It works great~

[machineghost]

First off, it was me, not @dance2die, who suggested max-height.

Second, on the plugin page, if you add the max-height as I described, and then simply add min-height: 100%; to the left-side nav:

<nav aria-label="Plugin navigation" class="css-kjzo05">

It looks good to me.