ic-design-system icon indicating copy to clipboard operation
ic-design-system copied to clipboard

Side nav not sticky when switching options

Open fbd399 opened this issue 2 years ago • 1 comments

Summary of the bug

When on a page selected from the side nav, if a user selects a different page from the side nav, the side nav scroll memory is lost and it scrolls back to top.

How to reproduce

  1. Go to the Components tab
  2. Scroll down the side nav and choose one of the last options
  3. Now select a different option (component page)
  4. The side nav will now appear scrolled all the way to the top

🧐 Expected behaviour

Preferred behaviour (to reduce cognitive load and familiarity of navigation and position) dictates that the side nav's scroll should stay fixed.

Refer to any major Design System website:

  • Cloudscape
  • MUI
  • Carbon
  • Duet

📸 Screenshots or code

Demo

fbd399 avatar Mar 21 '23 18:03 fbd399

Now scrolls to position with delay, still worth seeing if we can fix the delay

MI6-255 avatar Jul 25 '24 09:07 MI6-255