Expand width of tag dropdown to show full content

We are trying to let users update values in a table component. The specific column is of type 'tag', populated with values from another table (a couple hundred values). This works fine.

We run into issues with the amount of information shown in the dropdown itself. For example, a user might search for an address, but in the dropdown we can only see the first X characters of the tag. The tags are made up of <name> (<address>).

Is there any way to increase the width of this dropdown, or at least show the full content when hovering over the tag with your mouse?


1 Like

Hi @mak currently, we're working on allowing text wrapping in the dropdown. Would that work for you?

Another option that you could use for now is to add a tooltip with the full content :blush:

Hi Tess - Thank you for your reply! Not sure I understand how the text wrapping would work? The tooltip does not help in this case, as we need to be able to see the full string in the dropdown still. Otherwise the search would not really do it's job, because you'd have to click on each result (and then search again) before knowing which is the correct one.

Hi @mak

Text wrapping would allow the full string to be visible instead of ending with ...

It could look something like this:

This is how the caption currently works (shown below), but we could add the setting to the option label as well:

Would text wrapping help in your use case?

This feature what exactly I want in new table's tag column. Hope to see the update.

1 Like

Thanks for the feedback! Yes, it would apply to the table column as well

I would also like to request this feature. For now, @AnsonHwang I have found the Avatar type has a caption that wraps!