[autocomplete] Add option to limit max height of selected tags container

[avx-msoberoi]

Summary

The AutoComplete element has an option to show selected tags from a list of options.
In case we have a scenario where a lot of tags are selected, the wrapping container gets pushed in order to accommodate the list.

Requesting ability to add a scrollbar on the wrapping element for selected tags.

Current Limitation:
https://codesandbox.io/p/devbox/great-sea-mnpnsl?from-embed=&workspaceId=ws_2hb5MKxHFqqoUHhh3g1uEU

Current Behavior

Added all options to the default selected value.
The temporary div gets pushed to the bottom.

Expected behavior

A scrollable element wrapping all the selected tags, which can be styled to limit max height

Tried adding a scrollbar to the entire element but that doesn't work, prefer the scrollbar to be on the left of the x(Clear all) button

Examples

No response

Motivation

No response

Search keywords: Autocomplete, Limit tags

Order ID: Order ID: 22775

Search keywords:

[michelengelen]

the codesandbox is not public ... and the issue was opened in the wrong repo. I'll transfer it over. 👍🏼

[avx-msoberoi]

Can you please check now, the link is public.

[ZeeshanTamboli]

@avx-msoberoi In your "Expected Behaviour" screenshot, why do you want a scrollbar there if there aren't any overflowing items inside the container?