search

slab / quill

Quill is a modern WYSIWYG editor built for compatibility and extensibility
https://quilljs.com
BSD 3-Clause "New" or "Revised" License
43.66k stars 3.39k forks source link

Quill Deprecation Error #4285

Open EiEiNexMind opened 4 months ago

EiEiNexMind commented 4 months ago

How to solve this problem? [Deprecation] Listener added for a 'DOMNodeInserted' mutation event. This event type is deprecated, and will be removed from this browser VERY soon. Usage of this event listener will cause performance issues today, and represents a large risk of imminent site breakage. Consider using MutationObserver instead. See https://chromestatus.com/feature/5083947249172480 for more information.

dieper commented 3 months ago

Yet to be updated this issue. Today after the Chrome update on July 30th we are getting this new message: [Deprecation] Listener added for a 'DOMNodeInserted' mutation event. Support for this event type has been removed, and this event will no longer be fired. See https://chromestatus.com/feature/5083947249172480 for more information. The editor seems to work but every time I loaded in my app, throws an error that we have to manage. Any further action to patch this issue will be appreciated.

jxjj commented 3 months ago

Updating to Quill v2 resolved the issue for us.

Anna-AP commented 3 weeks ago

We are using react-quill 2.0.0, and we are encountering the same message. I have seen in some issues that version 2 is supposed to resolve this problem; however, we are using version 2 and still seeing this message.

[Deprecation] Listener added for a 'DOMNodeInserted' mutation event. Support for this event type has been removed, and this event will no longer be fired. See https://chromestatus.com/feature/5083947249172480 for more information.

What’s going on?

jxjj commented 3 weeks ago

Hi @Anna-AP - when I look at the package.json of React Quill v2, it looks like they're still using v1 of Quill.

https://github.com/zenoamaro/react-quill/blob/91aa93f4f909c2b8023657d8ee3669a0990be891/package.json#L48

Anna-AP commented 3 weeks ago

jxjj Thanks, I see the problem. Is there a solution for this?

jxjj commented 3 weeks ago

You may have better luck checking directly with the react-quill project. It looks like someone's made a fork which might be useful to you: https://github.com/zenoamaro/react-quill/pull/973

We're using quill with vue apps, so I can't speak to the react updates. But, we opted to just use quill directly to create a vue component rather than use a separate vue wrapper project. Then we forked a abandoned quill modules projects to update them as well.