EchoRomeo

Customer
I'm not sure if this is a Pixel Exit/Bolt style-specific issue, but it doesn't seem attributable to anything else, so thought I'd try here...

I've been using Bolt style with the Thread Filter add-on by AddonsLab (see: https://xenforo.com/community/resources/thread-filter-by-addonslab.6034/). There's a neat feature with this add-on that allows the drop down lists to become filterable, so instead of scrolling through the drop-down, you can type and search for the selection you want.

If you want to check it out, I currently have this setting activated for the drop-downs on my site at www.permittingtalk.com. The problem I'm having is that when you make a text selection in a drop-down, and the text length exceeds the box width, the text flows out of the right side of the box (for example, see below).

1694525787683.png


Does anyone know a way to fix this so that the text stays within the drop-down box, and truncates rather than overflows?

Thanks!
 
That's using the "select2" menu which our styles don't touch. If I had to guess, it does it in the default style as well.

I might try adding something like this:

Code:
.inputGroup.hasFilterableSelect span.select2.select2-container .select2-selection {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

It's pretty specific CSS so it shouldn't cause issues anywhere else.
 
That's using the "select2" menu which our styles don't touch. If I had to guess, it does it in the default style as well.

I might try adding something like this:

Code:
.inputGroup.hasFilterableSelect span.select2.select2-container .select2-selection {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

It's pretty specific CSS so it shouldn't cause issues anywhere else.

Yes, that solved it! Thank you so much!
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back