WYSIWYG disappear after opening bootstrap modal in Laravel

Question

I'm using Laravel livewire. In Admin Panel summernote WYSIWYG disappear after opening the bootstrap modal I tried other WYSIWYG and all responded the same and didn't show any error in console. But it works perfectly outside the modal.

Blade

<div class="form-group">
  <label for="desc1">Desription</label>
  <textarea id="desc1" class="form-control" wire:model.lazy="description" cols="30" rows="10" wire:ignore.self></textarea>
  @error('description') <span class="text-danger">{{ $message }}</span> @enderror
</div>

Script

<script>
  $(document).ready(function() {
    $('#desc1').summernote();
  });
</script>

Answer 1

Wrap this with a parent div and use wire:ignore on that, like below. remove wire:ignore.self from textarea. hope this will work..

<div class="form-group">
  <div wire:ignore>
    <label for="desc1">Desription</label>
    <textarea id="desc1" class="form-control" wire:model.lazy="description" cols="30" rows="10" ></textarea>
  </div>
</div>