Dropdown menus very short when a lot more vertical space is available on UI

[clairek20]

Description

On alot of dropdowns, they expand vertically very little, only displaying 3 items at a time, and an internal scroll bar. Dropdown could increase in size vertically, making easier for user to select data sources, especially when many configurations available for selection.

Steps to Reproduce

Go to Data Explorer Click on Data Sources dropdown Observe dropdown is very small, displaying only 3 Config names at a time. AND Go to Cases, open a case Click on Activity and click on filters dropdown. Observe dropdown is very small, displaying only 3 names at a time.

Expected Outcome

Dropdown could increase in size vertically, making easier for user to select data sources, especially when many configurations available for selection.

Actual Outcome

Dropdown is very small.

Impact

User has to scroll a lot inside dropdown in order to select different configurations

Time seen

November 14th, 2019

[clairek20]

Was raised initially in https://github.ibm.com/security-secops/IBM-Security-Cloud/issues/3567#issuecomment-16028128.

[jendowns]

@SimonFinney @clairek20 Looking into this -- I think it would be more appropriate for consumers to adjust this menu height, as needed.

Right now that style rule is max-height: 8.75rem applied to a single class for the menu, .bx--list-box__menu --

I think it would be reasonable to ask consumers, on an as-needed basis, to target that .bx--list-box__menu class & increase the max-height.

But I don't think it's a good idea for this library to change the max-height, which is set in the upstream carbon-components library.

[jendowns]

Hey @clairek20! I was wondering what you thought about my comment above? https://github.com/carbon-design-system/ibm-security/issues/275#issuecomment-567567425

[clairek20]

Thanks for the response @jendowns

Sounds good, i will let the team know! Thanks a million!