Selected text doesnot get remove on livewire update in "bootstrap-selectpicker"

What seems to be the problem:
I am trying to integrate bootstrap-selectpicker in livewire. Initially it is working fine.But once i select any value in selecpicker and livewire render itself. After that value come as a selected in selectbox but when i make the value to default using livewire method and rerender it that selectpicker still show the selected text.
Note: Value is set to default but text is still there in selectbox.
Help Please, @calebporzio

Steps to Reproduce:

Are you using the latest version of Livewire:
Yes

Do you have any screenshots or code examples:

In case anyone else gets stuck with this here is how you do it.

<div wire:ignore id="for-bootstrap-select">
     <select class="form-control" data-container="#for-bootstrap-select">
         @foreach($data as $item)
            <option value="{{ $item->id }}">{{ $item->name }}</option>
         @endforeach
    </select>
</div>
1 Like