Hello everyone,

I'm seeking some assistance with CSS to prevent long text from wrapping when selecting an option.

The challenge I'm facing is that I need to use 'Options Content = Custom' instead of 'Text Only' on the dropdown. When I select 'Text Only', the text in the dropdown is displayed correctly.

Ideally, I would like the selected value to appear like this:

But currently, it appears like this:

Here is my current CSS:

.custom-dropdown
.dropdown-container > div.dropdown-display,
.dropdown-container > select.dropdown-display {

white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
padding-right: var(--space-l);
}

I hope this makes sense. Thank you for taking a look.