Common-voice: Recording view not vertically aligned when tapping "Donate your voice!" button

[5k9m]

Hey,

when I scroll down to the "Donate your voice!" button on the home page, press it to be routed to the recording view, the view is not vertically aligned - so I have to scroll up to see the content (which can be annoying from a UX point of view).

My setup:
macOS Sierra 10.12.5
Opera 46.0.2597.46
Chrome 59.0.3071.115
Firefox 54.0.1

[mikehenrty]

We have some code that tries to scroll back to the top when navigating. I think we just need to make sure we do this when hitting the Donate button:

https://github.com/mozilla/voice-web/blob/c84ce400f03030a463bdc813dd3cd11516bad3b2/web/src/lib/components/pages.tsx#L264

[5k9m]

Well, this seems to be a known issue with Preact: https://github.com/developit/preact-www/issues/22

I'll look into this in the evening and report back if I'm able to find something.