Topic: MdbWysiwygComponent - textBackground hidden

axiame_studio priority asked 1 month ago


Hello, we noticed that when we try to hide the background color chooser in the plugin WYSIWYG we get a javascript exception, the workaround we found is to disable it. As soon as we hide it, we get the js exception,

Expected behavior When i set the parameter hidden to true for formatting in the structure MdbWysiwygToolbarOptions the button should be hidden

Actual behavior The button is hidden but it triggers a javascript error: ERROR TypeError: Cannot read properties of undefined (reading 'nativeElement') at MdbDropdownDirective._bindDropdownToggleClick (mdb-angular-ui-kit-dropdown.mjs:89:40) at MdbDropdownDirective.ngAfterContentInit (mdb-angular-ui-kit-dropdown.mjs:78:14) As a workaround with set disabled to true and remove the option hidden.

Resources (screenshots, code snippets etc.) The options we want to use: public wysiwygToolbarOptions: MdbWysiwygToolbarOptions = { align: { hidden: true, }, lists: { indent: { hidden: true, }, outdent: { hidden: true, }, }, formatting: { textBackground: { hidden: true, }, }, links: { hidden: true }, showCode: { hidden: true }, };

the workaround public wysiwygToolbarOptions: MdbWysiwygToolbarOptions = { align: { hidden: true, }, lists: { indent: { hidden: true, }, outdent: { hidden: true, }, }, formatting: { textBackground: { disabled: true, }, }, links: { hidden: true }, showCode: { hidden: true }, };


Arkadiusz Idzikowski staff commented 1 month ago

Thank you for letting us know about this problem. We will take a closer look at that and fix on our end.



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Opened

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: MDB5 4.0.0
  • Device: x64
  • Browser: Chrome
  • OS: Win11
  • Provided sample code: No
  • Provided link: No