select is not displaying the selected item properly

[muhammadessam]

The select is not showing which item is selected with the right mark over the left of the selected item:

               <x-select class="my-1" 
                          label="Search Specialization"
                          wire:model.defer="user.specialization_id"
                          placeholder="{{trans('Select Specialization')}}"
                          option-value="id"
                          :searchable="true"
                          :min-items-for-search="1"
                          option-label="title"
                          :options="\App\Models\Specialization::main()->get()">
                </x-select>
                <x-select label="Search Specialization"
                          :searchable="true"
                          :min-items-for-search="1"
                          wire:model.defer="role_id"
                          placeholder="{{trans('Select Role')}}" option-value="id"
                          option-label="name" :options="\Spatie\Permission\Models\Role::all()">
                </x-select>

the selected item doesn't show up as selected

[1andy11]

I have the same problem and found out that there is wrong order of calling functions in init function.
Function initOptionsObserver is calling before initWireModel. this.selected is initialized in initWireModel but is used in syncSelectedOptions which is called from initOptionsObserver so this.selected is not initialized yet.

[henk-hypershop]

Any update on this?