diff --git a/docs/changelogs/v8.md b/docs/changelogs/v8.md index 96a9160806d..2eafd40a801 100644 --- a/docs/changelogs/v8.md +++ b/docs/changelogs/v8.md @@ -9,6 +9,19 @@ _Note: Gaps between patch versions are faulty, broken or test releases._ +## v8.76.5 (2024-08-01) + +#### :bug: Bug Fix +* `dropdowns.next` + * [#1872](https://github.com/zendeskgarden/react-components/pull/1872) fix(dropdowns.next): `Combobox` with `isBare` option never shows horiz scrollbar to preserve styling ([@ze-flo](https://github.com/ze-flo)) + +#### :seedling: Internal +* [#1857](https://github.com/zendeskgarden/react-components/pull/1857) chore(deps-dev): bump express from 4.18.2 to 4.19.2 ([@dependabot[bot]](https://github.com/apps/dependabot)) +* [#1863](https://github.com/zendeskgarden/react-components/pull/1863) ci: let known `[bots]` deploy to staging ([@ze-flo](https://github.com/ze-flo)) +* [#1859](https://github.com/zendeskgarden/react-components/pull/1859) chore(deps): update dependency eslint-plugin-notice to v1 ([@renovate[bot]](https://github.com/apps/renovate)) +* [#1856](https://github.com/zendeskgarden/react-components/pull/1856) ci: fix missing staging deploy status by associating deploy ref to correct SHA ([@ze-flo](https://github.com/ze-flo)) +* [#1851](https://github.com/zendeskgarden/react-components/pull/1851) chore: remove CircleCI configuration ([@jzempel](https://github.com/jzempel)) + ## v8.76.4 (2024-07-01) #### :seedling: Internal diff --git a/packages/dropdowns/src/elements/combobox/Combobox.spec.tsx b/packages/dropdowns/src/elements/combobox/Combobox.spec.tsx index 02ef9e016aa..72b5023cb85 100644 --- a/packages/dropdowns/src/elements/combobox/Combobox.spec.tsx +++ b/packages/dropdowns/src/elements/combobox/Combobox.spec.tsx @@ -192,10 +192,14 @@ describe('Combobox', () => { }); it('renders `isBare` styling as expected', () => { - const { getByTestId } = render(); + const { getByTestId, rerender } = render(); const combobox = getByTestId('combobox'); expect(combobox.firstChild).toHaveStyleRule('border', 'none'); + expect(combobox.firstChild).toHaveStyleRule('overflow-y', 'visible'); + + rerender(); + expect(combobox.firstChild).toHaveStyleRule('overflow-y', 'auto'); }); it('renders `isCompact` styling as expected', () => { diff --git a/packages/dropdowns/src/views/combobox/StyledTrigger.ts b/packages/dropdowns/src/views/combobox/StyledTrigger.ts index 83c4e1446a2..82e5e63cb4e 100644 --- a/packages/dropdowns/src/views/combobox/StyledTrigger.ts +++ b/packages/dropdowns/src/views/combobox/StyledTrigger.ts @@ -142,7 +142,7 @@ export const StyledTrigger = styled.div.attrs({ 'data-garden-id': COMPONENT_ID, 'data-garden-version': PACKAGE_VERSION })` - overflow-y: auto; + overflow-y: ${props => (props.isBare && !props.isMultiselectable ? 'visible' : 'auto')}; /* prettier-ignore */ transition: border-color 0.25s ease-in-out,