opengovsg / postmangovsg

Templated message sending for public officers
https://postman.gov.sg
60 stars 16 forks source link

feat: scroll to top on recipient step for better UX #2208

Closed ihwk1996 closed 1 year ago

ihwk1996 commented 1 year ago

Problem

When user moves from the "Pick a template" to "Upload recipients tab", the window scroll is preserved.

This is especially bad UX when "Pick a template" and "One recipient" is selected, because the "One recipient" tab is long, so it starts at the very bottom, and hence the user has to scroll all the way to the top to start the form.

Screenshots

  1. View after completing "Pick a template" tab, then user will click "Next" Screenshot 2023-08-29 at 9 35 47 AM

  2. View after user clicks "Next" - he looks at the bottom of the page since window scroll is preserved. Intuitively, the tab should start at the top. Screenshot 2023-08-29 at 9 35 38 AM