Topic: wysiwyg plugin Tollbar button are submitting the form when used in side Form

Venky pro asked 5 years ago


When I am interacting/using wysiwyg Toolbar options it is submitting the form.

As I have observer ToolBar options are button and didn't mention the type so the default type of button is submit.

Can you guys add the toolbar option button type="button" manually so that this problem will be solved.

Many thanks, Venky


Arkadiusz Idzikowski staff answered 5 years ago


We will fix that in next version, thank you for reporting this problem.


Venky pro commented 5 years ago

Hi Guys,

Any update on the above issue?


Arkadiusz Idzikowski staff commented 5 years ago

Hello,

This problem was fixed in 7.5.2. Please update your version.


Venky pro commented 5 years ago

It is not resolved, it is still submitting the form when i clicked on option like paragraph and other. The button used are not mentioned as type="button".


Venky pro commented 5 years ago

I am manually fixing it by below code

var listButton = document.querySelectorAll('.widget-wysiwyg button'); listButton.forEach(element => { let btn: any = element; btn.type = 'button'; });

I think you guys have to make all the buttons inside the widget type="button" When we do not mention the type sometimes it consider type="submit"


Arkadiusz Idzikowski staff commented 5 years ago

Hello.

Glad you found a workaround for now. We will check that again, sorry for the inconvenience.


Damian Gemza staff commented 5 years ago

@Venky

Could you please provide me with the reproduction steps so I will be able to reproduce your problem? I have added a mdb-wysiwyg component into <form> tag, but changing the paragraph style is not submitting the form.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.5.0
  • Device: All
  • Browser: All
  • OS: All
  • Provided sample code: No
  • Provided link: No
Tags