angular-wysiwyg icon indicating copy to clipboard operation
angular-wysiwyg copied to clipboard

can not select font when editor into modal ( example: modal of bootstrap )

Open VoBaQuan opened this issue 10 months ago • 1 comments

I have a problem, when I use editor into bootstrap modal then I can not action to select font ( hover, click not work ) It seems that the functions are working well, except for the issue I mentioned above. Please try your best to support me

Image

VoBaQuan avatar Feb 06 '25 08:02 VoBaQuan

I have a problem, when I use editor into bootstrap modal then I can not action to select font ( hover, click not work ) It seems that the functions are working well, except for the issue I mentioned above. Please try your best to support me

Image

@wfpena can you fix my issue @wfpena

VoBaQuan avatar Feb 08 '25 02:02 VoBaQuan

I am getting an error in Angular 19 with Tailwind CSS

When using encapsulation: ViewEncapsulation.ShadowDom (run angular editor, but the issue is you can not change in editor )

core.mjs:6547 ERROR TypeError: Cannot read properties of null (reading 'classList') at EmulatedEncapsulationDomRenderer2.removeClass (dom_renderer-DGKzginR.mjs:652:8) at BaseAnimationRenderer.removeClass (browser.mjs:3860:19) at wfpena-angular-wysiwyg.mjs:1188:16 at Array.forEach () at _AngularEditorToolbarComponent.triggerButtons (wfpena-angular-wysiwyg.mjs:1182:18) at _AngularEditorComponent.exec (wfpena-angular-wysiwyg.mjs:2083:24) at AngularEditorComponent_Template_div_click_5_listener (wfpena-angular-wysiwyg.mjs:2263:37) at executeListenerWithErrorHandling (core.mjs:29299:12) at wrapListenerIn_markDirtyAndPreventDefault (core.mjs:29282:18) at HTMLDivElement. (dom_renderer-DGKzginR.mjs:709:112)



meghal-befree avatar Jul 29 '25 06:07 meghal-befree

@meghal-befree are you using the latest version of the component?

this error happens when you have an image inside the editor? what is the scenario so I can try to reproduce.

wfpena avatar Jul 29 '25 11:07 wfpena

@VoBaQuan I believe the issues you mentioned here were fixed right? Does it persist?

wfpena avatar Jul 29 '25 11:07 wfpena

@wfpena

We recently upgraded our project from Angular 17 to Angular 19. After the update, I noticed that when using Tailwind CSS with the WYSIWYG editor, the page would freeze or become unresponsive.

To resolve this, I attempted to isolate styles using Shadow DOM. However, after implementing Shadow DOM, I started encountering the following error:

core.mjs:6547 ERROR TypeError: Cannot read properties of null (reading 'classList')
    at EmulatedEncapsulationDomRenderer2.removeClass (dom_renderer-DGKzginR.mjs:652:8)
    at BaseAnimationRenderer.removeClass (browser.mjs:3860:19)
    ...

This error does not seem to be related to any image loading issues. Instead, it appears to be triggered during editor interaction, particularly when certain toolbar actions are executed. The stack trace points to the removeClass method failing because it's trying to access classList on a null element.

Now I'm trying to identify the root cause and fix it.

meghal-befree avatar Jul 29 '25 12:07 meghal-befree

@meghal-befree when adding the component are you adding an id to it like this:

<angular-editor id="editor1" [config]="editorConfig"></angular-editor>

If not could you please try adding one and see if the error stops.

Or if you have multiple angular-editor components on the same page, are you using the same id for any of them?

wfpena avatar Jul 29 '25 12:07 wfpena

@meghal-befree @VoBaQuan can I close this issue?

wfpena avatar Aug 07 '25 10:08 wfpena