FilamentF
Filament•3y ago
Remi

Select form component position function not working

v2.16.51 merged the "position()" function on the select. Allowing you to put the dropdown above (top) or below (bottom) the input. https://github.com/filamentphp/filament/pull/4953/files
But it doesn't seem to work (anymore). When i use ->position('top'), the dropdown is still at the bottom.

.choices__list--dropdown,
.choices__list[aria-expanded] {
    @apply invisible absolute top-full z-[1] mt-2 w-full overflow-hidden break-words rounded-lg border border-gray-300 bg-white shadow-sm will-change-[visibility];
}


In the CSS the top-full class puts it always below the input. i believe this should change to bottom-full based on the position attribute of the field.

Am i correct? or am i missing something?
Was this page helpful?