vue-draggable-plus icon indicating copy to clipboard operation
vue-draggable-plus copied to clipboard

Draggable disables editing features of TinyMCE

Open derwaldgeist opened this issue 9 months ago • 1 comments

Hi, we want to use vue-draggable-plus in combination with the TinyMCE richtext editor. For this, we place one TinyMCE instance in every draggable div:

image

We noticed that once you drop such a draggable in a new position, TinyMCE won't be initialized correctly. It does not show its content anymore, and there is also no caret to enter new text. All other TinyMCE instances still work fine, until you drag and drop them (i.e. the surrounding draggable div) as well. The "regular" input fields shown in the screenshot always work, i.e. they are not affected by drag and drop.

So I am wondering how the dropped element is actually re-constructed? Is it a copy of the original element or is it the actual original element itself? And if it is the original element, just moved in the DOM, what might be the reason that the editor stops working?

derwaldgeist avatar May 13 '24 19:05 derwaldgeist

Please provide an online case about the bug, thx

pkc918 avatar May 27 '24 01:05 pkc918