Tuim
Tuim
PostsComments
FFilament
Created by Tuim on 2/3/2025 in #❓┊help
Searchable select; Safari
On Safari apparently if you open a searchable select dropdown it does not automatically focus the text input (to search in your select options) It works on desktop + Android as far as I can tell; I dont have an Apple device to test with. Is this something that is known already? Perhaps there is a work around or perhaps it is just a limitation of Safari?
2 replies
FFilament
Created by Tuim on 11/11/2024 in #❓┊help
Select with live() and searchable()
Hi all, I am trying to make a double select (depending on relation) that is searchable. First of all I made a new component with artisan make:form-field to create a re-usable component. This component has the following schema, pretty much following the documentation 
$this->schema([
    Select::make('category')
        ->options(Category::query()->whereNull('parent_id')->get()->pluck('label', 'id'))
        ->live(),

    Select::make('sub_category')
        ->searchable()
        ->options(function (Get $get) {
            $valueToSearchFor = $get('category');
            if (blank($valueToSearchFor)) {
                return [];
            }

            return Category::query()
                ->where('parent_id', $get('_stabu_selector'))
                ->get()->pluck('label', 'id');
        })
]);
$this->schema([
    Select::make('category')
        ->options(Category::query()->whereNull('parent_id')->get()->pluck('label', 'id'))
        ->live(),

    Select::make('sub_category')
        ->searchable()
        ->options(function (Get $get) {
            $valueToSearchFor = $get('category');
            if (blank($valueToSearchFor)) {
                return [];
            }

            return Category::query()
                ->where('parent_id', $get('_stabu_selector'))
                ->get()->pluck('label', 'id');
        })
]);
However if I add ->searchable() to the first select it appears to stop working. The 2nd dropdown isn't populated according to the query (just stays empty) There is no error message really.
8 replies