Popups: Different Behaviour

[elmolicious]

Hi,

we have a problem with using froala inside a popup/modal of our application. We noticed that the "edit link" popup of froala is not showing (or better: it is beneath our popup). The similar popup for adding a new link is working fine.

When we debugged the issue we found out that froala handles these 2 popups differently:

• The "add link" popup html is rendered "near" the markup for the froala component (working with our modal/popup)
• The "edit link" popup html is rendered at the end of the body (next to the closing tag) (not working with our modal/popup)

We tried different stuff like setting the zIndex in the froala config (which made the modal appear, but it was not usable/no interactions were possible) but found no good working solution.

When we moved the "edit link" HTML closer to the froala editor markup (via Chromes Dev Tools) it worked fine.
Since we didn't found any possible option in the config:

Could you please handle the "edit link" popup (We didn't test other popups) the same way as the "add link" popup ?
Alternatively any feedback is appreciated on how we can fix this.

Cheers

---

Version used: vue-froala-wysiwyg@^4.0.6
Browser used: Chrome/Firefox
OS: Windows 10 / MacOS Monterey 12.0.1