EasyMDE and Trix Editor vanishing with Livewire Validation

[Xinecraft]

Hi there,
I am trying to add live validation on a form and whenever any part of the form changes the EasyMDE editor just become normal textarea.
Am I missing something which I can't find in docs?

Reference:
https://i.imgur.com/0RYUtT6.gif

[RomainMazB]

Hi,
You're not missing anything.

The problem comes from the fact Livewire re-render the Dom and the javascript initialization isn't applied anymore to the regenerated Dom.

I've faced the problem. We need to wrap the trix-editor tag into a div with the wire:ignore attributes.

Same trick will fix easyMDE.

will PR on it probably today.

[xewl]

+1 - Also, the trix editor doesn't even seem to take wire:model into initial consideration & updates to it are 1 character behind.

[kurucu]

Hi @Xinecraft,
You might want to check out my SO answer, which deals with exactly this.
I hope that helps.
It might also kick-start @RomainMazB's PR.

[martin-ro]

Wrap the component in <div wire:ignore> ... </div>
See Livewire docs

[alexmanase]

@driesvints I can create a PR to fix this issue. Is it worth it?

[driesvints]

@alexmanase yes I believe so. Would appreciate it!

[driesvints]

This should be fixed now!