Skip to content

Conversation

ze-flo
Copy link
Contributor

@ze-flo ze-flo commented Jul 24, 2024

Description

The styling of <Combobox isBare> would break for users with OS settings set to always show scrollbars.

Screenshot 2024-07-24 at 10 35 45 AM

This update fixes it by setting the overflow-y of the input wrapper to visible when isBare is enabled. After fix:

isBare

Screenshot 2024-07-26 at 8 40 46 AM

isBare and isMultiSelectable

Screenshot 2024-07-26 at 8 39 42 AM

Checklist

  • 👌 design updates will be Garden Designer approved (add the designer as a reviewer)
  • 🌐 demo is up-to-date (npm start)
  • ⬅️ renders as expected with reversed (RTL) direction
  • 🤘 renders as expected with Bedrock CSS (?bedrock)
  • 💂‍♂️ includes new unit tests. Maintain existing coverage (always >= 96%)
  • ♿ tested for WCAG 2.1 AA accessibility compliance
  • 📝 tested in Chrome, Firefox, Safari, and Edge

'data-garden-version': PACKAGE_VERSION
})<IStyledTriggerProps>`
overflow-y: auto;
overflow-y: ${props => (props.isBare ? 'visible' : 'auto')};
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Unfortunately, this is problematic for isMultiselectable

Screenshot 2024-07-25 at 10 09 49 AM

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

97ac681 maintains the overflow-y: auto when isMultiSelectable == true

Screenshot 2024-07-26 at 8 39 42 AM
Screenshot 2024-07-26 at 8 39 56 AM

@ze-flo ze-flo merged commit 15b52a2 into main Aug 1, 2024
@ze-flo ze-flo deleted the ze-flo/combobox-overflow-fix branch August 1, 2024 15:40
geotrev pushed a commit that referenced this pull request Aug 1, 2024
geotrev added a commit that referenced this pull request Aug 1, 2024
* fix(dropdowns.next): `Combobox` with `isBare` option never shows horiz scrollbar to preserve styling (#1872)

* chore(changelog): add v8.76.5 [skip ci]

---------

Co-authored-by: Florent <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Development

Successfully merging this pull request may close these issues.

3 participants