0

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>
Shekh Saifuddin
  • 470
  • 2
  • 6
  • 27
user13708077
  • 53
  • 1
  • 7
  • I was able to use `trix-editor` after a tons of research. Check this out https://stackoverflow.com/questions/60539739/is-there-a-proper-way-to-wire-up-trix-editor-with-livewire – Digvijay Dec 23 '20 at 10:08

1 Answers1

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>
Shekh Saifuddin
  • 470
  • 2
  • 6
  • 27