eduardichim
eduardichim
PostsComments
FFilament
Created by eduardichim on 2/16/2025 in #❓┊help
searchable select mobile not focusing to open keyboard when clicked
I have the following select, on desktop work great, but on mobile not so much In order to search for a location you first have to start typing in order for it to be populated, when you open it first on mobile it won't focus the "search box" that is below the input in order open the keyboard and start typing, is it something I'm missing or?!? On desktop you just click it and as soon as you start typing it's all good... 
Select::make('location_id')
    ->label(__('inputs.label.car_location'))
    ->placeholder(__('inputs.placeholder.car_location'))
    ->rules('required|exists:locations,id')
    ->required()
    ->searchDebounce(300)
    ->getSearchResultsUsing(function (string $search) {
        return Location::where('county', 'like', "%{$search}%")
            ->orWhere('name', 'like', "%{$search}%")
            ->limit(25)
            ->orderBy('county')
            ->orderBy('name')
            ->get()
            ->mapWithKeys(function (Location $location) {
                return [$location->id => "$location->name | $location->county"];
            })
            ->toArray();
    })
    ->getOptionLabelUsing(function (string $value) {
        if (!$location = Location::find($value)) {
            return null;
        }

        return "$location->name | $location->county";
    })
    ->searchable()
    ->searchPrompt(__('inputs.location_search'))
Select::make('location_id')
    ->label(__('inputs.label.car_location'))
    ->placeholder(__('inputs.placeholder.car_location'))
    ->rules('required|exists:locations,id')
    ->required()
    ->searchDebounce(300)
    ->getSearchResultsUsing(function (string $search) {
        return Location::where('county', 'like', "%{$search}%")
            ->orWhere('name', 'like', "%{$search}%")
            ->limit(25)
            ->orderBy('county')
            ->orderBy('name')
            ->get()
            ->mapWithKeys(function (Location $location) {
                return [$location->id => "$location->name | $location->county"];
            })
            ->toArray();
    })
    ->getOptionLabelUsing(function (string $value) {
        if (!$location = Location::find($value)) {
            return null;
        }

        return "$location->name | $location->county";
    })
    ->searchable()
    ->searchPrompt(__('inputs.location_search'))
1 replies