html {
overflow-y: scroll;
}
body {
overflow-x: hidden;
}
This makes both the <html> and <body> elements scrolling areas, so that you see two scrollbars (the outermost one disabled), and keyboard scrolling doesn’t work until you click within the body.Simplest fix is to shift the overflow-x: hidden to the html element, or remove it altogether.