Keyboard up/down scrolling

[egmontkob]

Hi,

When the pages load, the keyboard Up and Down arrow do nothing. They scroll neither the left-side navbar, nor the right-side content area. You need to click on the text once for them to work.

Ideally I think the right-side main pane should receive the keyboard focus (or what is it called?) on page load so that it can be scrolled, like on most homepages. (I understand that with the two independently scrolling vertical panes the layout of this page is not like most pages out there.)

Do you happen to know how to do it? I spent like two minutes trying to figure out how to give "focus" to an element that's not input focusable by its nature, I came across tabindex=0 which I've tried to add to main-content-wrap or main-content, no success so far. Guess I should try a bit harder :) but I think you have more experience here.

[pmarsceill]

@egmontkob can you check out the preview branch to see if this functions as you expect it? https://pmarsceill-75eb703e3e.drafts.github.io/just-the-docs/

[egmontkob]

Yes, it does. Thanks a lot!

I spent some more time trying to fix it, but eventually gave up. I could make the right pane focused using tabindex, but then it was outlined with a dotted line.

As far as I can see, this is what you did too, plus some CSS hack to hide that dotted line. Apparently the concept of keyboard focus of non-input fields doesn't exist in HTML??