You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Currently the max-height of an open dropdown is 90vh and the combobox list is 100vh. This is generally not desirable as the chances that the item is at the very top of the screen and you'd like it to take up the full screen is slim to none.
We should provide a max-items prop so that devs can style these UI's in ways that make sense for their application.
Acceptance Criteria
<calcite-combobox max-items="5"></calcite-combobox> will show five items and the rest will be available via scroll.
Relevant Info
#396 : issue about large scrolling dropboxes #431 : issue about max-height in dropboxes #195 : popover going off-screen
Which Component
calcite-combobox
Example Use Case
Combobox at the bottom of a form:
Height is full screen height, so entire dialog will scroll to cover it:
Then there is even more because it's not constrained to the container, but rather the screen:
The text was updated successfully, but these errors were encountered:
Dropbox has this already! Just noticed, so really just making combobox work like this.
paulcpederson
changed the title
Enhancement: Prop to constrain height of dropdown/combobox menus
Enhancement: Prop to constrain height of combobox menus
Oct 29, 2020
Description
Currently the max-height of an open dropdown is
90vh
and the combobox list is100vh
. This is generally not desirable as the chances that the item is at the very top of the screen and you'd like it to take up the full screen is slim to none.We should provide a
max-items
prop so that devs can style these UI's in ways that make sense for their application.Acceptance Criteria
<calcite-combobox max-items="5"></calcite-combobox>
will show five items and the rest will be available via scroll.Relevant Info
#396 : issue about large scrolling dropboxes
#431 : issue about max-height in dropboxes
#195 : popover going off-screen
Which Component
calcite-combobox
Example Use Case
Combobox at the bottom of a form:
Height is full screen height, so entire dialog will scroll to cover it:
Then there is even more because it's not constrained to the container, but rather the screen:
The text was updated successfully, but these errors were encountered: