strange behaviour because text is inserted at the top of the RTE, in stead of at cursor position

Hello,

I have again a strange behaviour with the mention control.

stackblitz project:

https://stackblitz.com/edit/js-ysuiaf?file=index.js


After inserting some 'dummy' text in the RTE and when trying to use the mentioncontrol somewhere in the middle of the 'dumy' text and when an URL is used in the 'displayTemplate' property, the inserted template is each time inserted at the top of the RTE instead of at the cursor position.

  displayTemplate:
    '<a target="_blank" rel='nofollow' rel='nofollow' href="https://my.site.com/Login.aspx?src=communication&taakid=${EmailId}">${Name}</a>',


This happens with every 'mentionChar' I try to use.

When I remove the 'rel='nofollow' rel='nofollow' href' attribute, then it works.

How can I use the mention control with a rel='nofollow' rel='nofollow' href in the displayTemplate?

Thx

Frederik


2 Replies

KP Kokila Poovendran Syncfusion Team January 9, 2024 12:22 PM UTC

Hi Frederik Gysel


We have considered the reported issue "Mention list not inserts in the cursor position into the RichTextEditor" as a bug from our end and the fix for the issue will be included with our upcoming patch release  at the end of January.


Now you can track the status of the reported issue through the feedback below,

https://www.syncfusion.com/feedback/49834/mention-list-not-inserts-in-the-cursor-position-into-the-richtexteditor



KP Kokila Poovendran Syncfusion Team February 7, 2024 06:14 AM UTC

Hi Frederik Gysel,


We have included the fix for the issue "Mention list not inserts in the cursor position into the RichTextEditor" with our package version “24.2.4”. Therefore, we recommend upgrading to our latest version to resolve the current issue.


Samplehttps://stackblitz.com/edit/js-grnw7r?file=index.js,index.html


Loader.
Up arrow icon