microsoft
feat: make Autocomplete set its height automatically
🙋 Feature Request
I would like to see the Autocomplete component set its height dependend on the selected items automatically.
🤔 Expected Behavior
Like in outlook.com:
😯 Current Behavior
The items are only shown horizontally and overflow if too many items where selected
💁 Possible Solution
Use a text-area instead and do the rest with flexbox magic
It could be interesting. Let's see what can be done
In the meantime, you can add a style overflow: auto; to display a scrollbar. It's not the same result, but it may help you out.
By the way, I see that there's a bug in the component that should display left/right arrows at the extremes of the Textfield, when there are more elements than space.
I think setting height automatically would not be the desired in all cases, may be a flag to indicate if auto-height is enabled or not. Display flipper (left/right arrow) if auto-height is disabled.
@dvoituron can you please link the bug you mentioned in component, for tracking purpose.
With workaround of overflow: auto; the scrollbar does appear but since i have fixed height and width autocomplete box, the selected items still overflow the box.