baseweb icon indicating copy to clipboard operation
baseweb copied to clipboard

Published 20 hours ago • verified publisher icon uber

Select with many options shows multiple scrollbars on documentation page

Open ajbogh opened this issue 4 years ago • 2 comments

Current Behavior

The "Select with many options" example shows multiple scrollbars on the documentation page.

Expected Behavior

It should only show one scrollbar.

Your Environment

  • Chrome Version 87.0.4280.88 (Official Build) (64-bit)
  • Ubuntu 18.04
  • https://baseweb.design/components/select/#select-with-many-options

Screenshot_2020-12-16_21-54-10

  • [x] I have searched the issues of this repository and believe that this is not a duplicate.

ajbogh avatar Dec 17 '20 05:12 ajbogh

This is caused by 8px top & bottom in the StyledList component, but isn't accounted for when setting the StyledList height in the example. Simply adding 16px to the height calc or removing the $style prop from the StyledList entirely. I'll submit a PR to update the example.

williamernest avatar Aug 13 '21 19:08 williamernest

Still seeing this behavior today Screen Shot 2022-04-13 at 9 59 30 AM

leyanlo avatar Apr 13 '22 17:04 leyanlo