search

froala / wysiwyg-editor

The next generation Javascript WYSIWYG HTML Editor.
https://www.froala.com/wysiwyg-editor
Other
5.28k stars 673 forks source link

Multiple froala editor link popup issue. #3842

Open mayankchd opened 4 years ago

mayankchd commented 4 years ago
Expected behavior.

When i have multiple froala instances on the same page and if i click on link button of first editor and then click on link button of the second editor the link popup of previous editor should close and the link popup of second editor should open

Actual behavior.

If i click on link button of first editor and click on link button of second editor the link popup of the second popup doesn't open

Steps to reproduce the problem.

Click on link button on the toolbar for first editor and then click link button on the toolbar for the second editor https://jsfiddle.net/yo4v3786/

Editor version.

3.1.1

OS.

macOS Mojave 10.14.6

Browser.

Chrome Version 80.0.3987.116 (Official Build) (64-bit)

Recording.

froalabug

AlexWardrop commented 3 years ago

Because the toolbar in the first editor is still somewhat active it also causes rendering issues when clicking on other other items in another editors toolbar. For example, clicking on inserting an image in one editor and then clicking a link in another: image

surajgupta7175 commented 3 years ago

@mayankchd Did u found any solution to this?

felipemcoliveira commented 1 year ago

i found out a workaround. it consists of a way to find the duplicated editor element and remove it from the dom. i super tired, otherwise i'd love to explain it, but for for now i will just share the code: image image (IMPORTANT: 'as' prop should be 'textarea' instead this workaround won't work)