Add table popup being cut off by another rich text editor's toolbar

[Scott Moxham]

I have two rich text editors one above the other.

If I click the add table button on the upper editor, the popup that allows you to select the number of rows / columns goes underneath the toolbar on the lower editor cutting off the "Insert Table" button.

The Add link and alignment popups both go over the top of the toolbar, despite having lower z-indexes.

If I use the dev tools to set the lower editor's toolbar to display:none, then the popup is fully visible, even though it then goes over the top of the text area part of lower rich text editor!

I've just downloaded the latest versions of all the Syncfusion components from npm and am now using v28.1.41 of @syncfusion/ej2-vue-richtexteditor

Is there any way to solve this?

I actually want to reduce the height of the editor's but currently if I do that, you won't be able to add a table.

Table popup cropped:

Alignment popup not cropped:

Insert link popup not cropped:

[Bhuvaneshwari Thirunavukarasu]

Hi Scott Moxham,

We have considered the reported issue "Add table popup being cut off by another rich text editor's toolbar" as a bug from our end. The fix will be included in our upcoming patch release, which is scheduled for the third week of February.

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

https://www.syncfusion.com/feedback/65079/add-table-popup-gets-hidden-under-the-lower-rich-text-editors-toolbar

Disclaimer: “Inclusion of this solution in the weekly release may change due to other factors including but not limited to QA checks and works reprioritization.”

Regards,

Bhuvaneshwari T

[Bhuvaneshwari Thirunavukarasu]

Hi Scott Moxham,

Query: Add table popup being cut off by another rich text editor's toolbar

​Feedback: https://www.syncfusion.com/feedback/61495/the-quick-toolbar-is-not-hidden-when-focused-out-from-the-rich-text-editor

We have included the fix for the issue "Add table popup being cut off by another rich text editor's toolbar" with our package version 28.2.6. So, can you please upgrade your package to the latest to resolve the issue from your end?

Release Notes: Essential Studio for Vue Weekly Release Release Notes
Root cause: The root cause was that the event responsible for hiding the toolbar when clicking outside the Rich Text Editor wasn't properly handled.

Regards,

Bhuvaneshwari T