search

cengage / react-magma

https://react-magma.cengage.com
MIT License
21 stars 13 forks source link

Tabs / Scroll Spy: Improve functionality for smaller screens #1562

Open silvalaura opened 1 week ago

silvalaura commented 1 week ago

Component: Tabs / Scroll Spy

Description: Scroll spy isn't very accurate on smaller screens or if you zoom in the browser. In those cases, the current tab doesn't update until well after the start of that section has scrolled off the page.

Browsers: Chrome, Firefox, and Safari

Steps to reproduce:

  1. Go to storybook Scroll Spy Scroll Spy Icons
  2. Reduce the width of your browser window or zoom in a few steps using "cmd +"
  3. Scroll the example and you'll see that each tab doesn't become active until well after you've scrolled into the middle of it, which is too late.
  4. This also isn't working properly in the example on the Docs page.