Filament•3mo ago

How to increase SelectFilter's dropdown width?

Hi, does anyone know how to increase the width of the dropdown that appears while you have a SelectFilter open and are choosing an item? For example here I want the dropdown to expand and take up more width so that items are not spread across multiple lines

1 Reply

CTOP•3mo ago

For anyone in the future I added the following CSS which works;

.choices__list--dropdown, .choices__list[aria-expanded] {
    word-break: break-word;
    width: max-content;
}

.choices__list--dropdown, .choices__list[aria-expanded] {
    word-break: break-word;
    width: max-content;
}

It has one issue which is that if the content in the dropdown has a large width it can expand off the screen (particularly if this is on the far right side). I'm guessing we would need something like popper to fix that issue.

Gaming

Programming

How to increase SelectFilter's dropdown width?