Web should support an overlay that indicates it doesn't have focus for key events

[bnorm]

This is a little confusing unless you know the problem when viewing a story on the web. The story starts with the overlay navigation buttons invisible (and their pretty small in full screen) and no keyboard events work. There isn't really a good way to initially indicate to the user how to navigate the story. Let's make something which is either the default for web or can be enabled!

[bnorm]

It is possible to force focus on canvas for key events:

val storyboard = ...
val element = document.getElementById("ComposeTarget") as HTMLCanvasElement
element.focus()
CanvasBasedWindow(canvasElementId = element.id, title = storyboard.title) {
    MaterialTheme(colors = darkColors()) {
        WebStoryEasel(storyboard)
    }
}

Maybe we need a custom web Composable for this behavior?

[bnorm]

It is possible to force focus on canvas for key events:

Hmm... this doesn't seem to work when published on GitHub pages. I remember it working locally, but maybe I was wrong?