search

facioquo / uswds-design-patterns

Design pattern Idea Book for the U.S. Web Design System
https://uswds.facioquo.com
Creative Commons Zero v1.0 Universal
1 stars 1 forks source link

annoying: Card catalog screen repositioning when changing total cards #123

Open DaveSkender opened 3 months ago

DaveSkender commented 3 months ago

When changing the total cards amount on uswds.facioquo.com/card-catalog, the screen reposition itself, forcing the user to re-locate these controls to perform further adjustments. It's annoying.

I'd attempted to fix this once with an auto-rescroll that repositions the screen in some situations for some browsers, but it's not consistent and has a large, visible repositioning that isn't a nice experience. ref: source code

steps to reproduce

  1. scroll to the bottom of the card catalog main section and click "Show 25 more" 3-4 times
  2. scroll down to the page controls (shown above) and move the Total cards slider left

this also happens when changing Cards per page in some configurations too

card catalog controls
DaveSkender commented 2 months ago

See https://stackoverflow.com/a/6243000/4496145 “return false;” example, maybe it’d help?