Skip to content

Wildcard/Tabs: Add scrolling back to active tab

Administrator requested to merge og/tabs-scroll-back into main

Created by: oleggromov

The previous PR added fades on the right and left when scrolling Tabs, but we realized that active tab may be hidden by scroll. So it's being scrolled back now after mouseleave.

Also this PR fixes two small things - an unneeded CSS property and a bug with passing references to TabList.

https://user-images.githubusercontent.com/2196347/170273981-495b0e6f-7615-42d0-9b24-f4bdfec05162.mov

Test plan

  1. Pull the branch
  2. Run yarn storybook:wildcard
  3. Make sure tabs are being scrolled back without any weirdness
  4. Additionally, you may check that passed to TabList refs work as expected

App preview:

Check out the client app preview documentation to learn more.

Merge request reports