Al momento de ejecutar el modal el select2 no funciona simplemente queda como select comun, probe el select2 afuera del modal y si funciona correctamente. para el modal estoy utilizando componente de jetsteam
select2 dentro del modal.
select2 afuera del modal.
Page modal
<div>
<x-button-blue wire:click="$set('open',true)">
<i class="fa-solid fa-user-plus"></i> AGREGAR DEPARTAMENTO
</x-button-blue>
<x-jet-dialog-modal wire:model="open">
<x-slot name="title">Agregar Usuario</x-slot>
<x-slot name="content">
<div class="mb-4">
<x-jet-label value="Departamento" />
<x-jet-input type="text" wire:model.defer="departamento" />
<x-jet-input-error for="departamento" />
</div>
<div class="form-group">
<label>Minimal</label>
<select class="form-control select2" style="width: 100%;">
<option selected="selected">Alabama</option>
<option>Alaska</option>
<option>California</option>
<option>Delaware</option>
<option>Tennessee</option>
<option>Texas</option>
<option>Washington</option>
</select>
</div>
</x-slot>
<x-slot name="footer">
<x-jet-secondary-button wire:click="$set('open',false)">Cancelar</x-jet-secondary-button>
<x-jet-danger-button wire:click="save">Confirmar</x-jet-danger-button>
</x-slot>
</x-jet-dialog-modal>
</div>
Page view
eh estado buscando y me tope que no era el único y las soluciones que daban no me funcionaron asd