fix: preserve overflow-y: auto when isMultiselectable

Author: ze-flo

packages/dropdowns.next/src/elements/combobox/Combobox.spec.tsx

@@ -194,11 +194,14 @@ describe('Combobox', () => {
   });
 
   it('renders `isBare` styling as expected', () => {
-    const { getByTestId } = render(<TestCombobox isBare />);
+    const { getByTestId, rerender } = render(<TestCombobox isBare />);
     const combobox = getByTestId('combobox');
 
     expect(combobox.firstChild).toHaveStyleRule('border', 'none');
     expect(combobox.firstChild).toHaveStyleRule('overflow-y', 'visible');
+
+    rerender(<TestCombobox isBare isMultiselectable />);
+    expect(combobox.firstChild).toHaveStyleRule('overflow-y', 'auto');
   });
 
   it('renders `isCompact` styling as expected', () => {

packages/dropdowns.next/src/views/combobox/StyledTrigger.ts

@@ -138,7 +138,7 @@ export const StyledTrigger = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
   'data-garden-version': PACKAGE_VERSION
 })<IStyledTriggerProps>`
-  overflow-y: ${props => (props.isBare ? 'visible' : 'auto')};
+  overflow-y: ${props => (props.isBare && !props.isMultiselectable ? 'visible' : 'auto')};
   /* prettier-ignore */
   transition:
     border-color 0.25s ease-in-out,