MDBWysiwyg does not work inside MDBModal


Topic: MDBWysiwyg does not work inside MDBModal

clickstudioltd pro premium priority asked 2 years ago

This component does not work inside MDBModal at all. As soon as you press any of the drop down toolbar buttons, the modal goes away probably due to howMDBDropdown is designed.

There are other issues like if I select a text inside the editor and move the mouse outside of the modal, modal goes away in that way too.

Plus, is there no example on how to save the editor's content into a variable? And how can we load the saved text if it's in plain HTML and not JSX?


Jacek Roszak pro answered 2 years ago

Do you have the newest version? In the last release we fixed the MDBDropdown problem, I checked it, and now it's fully working.

If you want to prevent closing the modal if text is selected, please add staticBackdrop prop to MDBModal, then the only way to close modal is by clicking "X" button and clicking the backdrop won't cause closing it.

Last but not least, we added the task for saving the content feature. For now, you could use querySelector for detecting a content along with innerHTML method.


clickstudioltd pro premium priority commented 2 years ago

I do have the latest version. Unfortunately, as soon as you click on any drop down item from the toolbar, modal goes away even after adding staticBackdrop. Adding staticBackdrop did fix the issue of selecting the text though.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 5.1.0
  • Device: PC
  • Browser: Mozilla Firefox
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags