Duplicated toolbar display when insert hyperlink through toolbar twice and unable to click the link when inserting it through the hyperlink toolbar or copy and paste

[xinwanc]

1. Click link toolbar, insert the link
2. Click the link to navigate
3. Another way is copy and paste the link and click 4.Click link toolbar, insert the link
4. Click the link toolbar again and insert the link
5. Duplicated toolbar is displayed

[xinwanc]

[xinwanc]

Hi @Mgsy @ma2ciek. Can help to assist this issue? It is quite urgent

[Mgsy]

Hi, I can't reproduce your issue. Could you please check our live demo and see whether you can reproduce it there?

[xinwanc]

@Mgsy I reproduce this issue in my own angular project. There is no issue with live demo but I have no idea why I face this issue when i install your ckeditor library into my own Angular project

[ma2ciek]

Hi @xinwanc,

Is there any error in the console?

I guess that there was an error and the editor was recreated and some code for attaching the toolbar has run once again.

Without more details, we'll be unable to help you.

[xinwanc]

@ma2ciek @Mgsy. I realised the issue can occur when i include formControlName into the ckeditor. I am unable to click the link to navigate and it will display duplicated toolbar if i insert link twice through link toolbar after including formControlName. However, the issue does not occur anymore after removing formControlName. I need to bind to formControlName, else my error message for required attribute is not working.

[xinwanc]

Hi @ma2ciek @Mgsy. May I know how is it? Looking forward to receive your reply as soon as possible :)

[xinwanc]

Hi @ma2ciek @Mgsy. I have found out the root cause is from my trim directive. Let me fix myself and will let both of you know if there is any further issues occured. Sorry for any inconvenience caused.