Select2 does not work - hidden

#1

My hidden select2, does not work when shown
before:

before
before1762×299 16.4 KB

After

after
after1759×291 11.1 KB

Help me please.
I believe it is simple

#2

Code:

code
code834×240 36.7 KB

#3

Tengo el mismo problema y no me parece nada simple, ya que para que funcione el select en el evento edit, necesitaría poder recargar el select, pero como esta “wire:ignore”, no lo hace, pero si se saca el “wire:ignore”, no funciona el select2. AYUDAAAA!!!

#4

En una ocasion que tuve que usar un select2 tuve que aplicar estas lineas script y mantener hidratado ese select2 y no usaba wire:ignore para nada
en el blade

<select class="form-control col-sm-6" id="selectCompany">   
 //do your stuff here
</select>

<script>

        $(document).ready(function() {
            window.initSelectCompanyDrop=()=>{
                $('#selectCompany').select2({
                    placeholder: '{{ __('locale.Select a Company') }}',
                    allowClear: true});
            }
            initSelectCompanyDrop();
            $('#selectCompany').on('change', function (e) {
                livewire.emit('selectedCompanyItem', e.target.value)
            });
            window.livewire.on('select2',()=>{
                initSelectCompanyDrop();
            });

        });

    </script>

en el componente

protected $listeners = [
        'selectedCompanyItem',
    ];
public function hydrate()
    {
        $this->emit('select2');
    }
public function selectedCompanyItem($item)
    {
        if ($item) {
           //do the other stuff here
        }
            
    }

dime si entiendes esto y pruebalo