[BUG] Rich Text Editor's position is not updated on enter/return

Question

Once again thanks for all the hard work on the project!

This is reproducible on the current release 0.16.3 - you can check it out in the newsletter demo: https://grapesjs.com/demo-newsletter-editor.html

Normally the RTE appears above the element so this is not an issue. However, when a RTE-enabled element is placed close to the top of the editor, there is no room for the RTE above the element, so it is placed below. When pressing "enter" or "carriage return", the RTE stays in place, blocking much of the element that is now below it.

To reproduce:

Open GrapesJS
Place a text field at the top of the editor
Type some text and press enter.

When the user removes a row in the text element via backspace, the RTE's position is updated correctly and moves to the new edge of the element. But for enter, it does not move at all.

Answers (3)

khurram900• February 3, 20221 reactions

@mazuschlag if you are using ckeditor then you can try this patch. It will re-calculate and re-position the ckeditor to the correct position.

CKEDITOR.on('instanceReady', function (e) { editor.RichTextEditor.updatePosition(); });

artf• April 2, 20200 reactions

Canvas tools should be updated on input event of the text component, in the current version there is an issue even with the built-in RTE but it will be fixed in the next release. Somehow, this issue doesn't affect the CKEditor plugin but, from what I've seen, the "enter" never triggered the input event so I think there should be attached some other event to the CKEditor instance. I'd be glad to receive a PR on the plugin

mazuschlag• April 3, 20200 reactions

@artf Thanks for the response but I'm a little confused. This is happening with the CKEditor plugin - are you saying the fix will be separate from the fix to the built in CKEditor? I wouldn't mind fixing it but do you have some pointers on where to start?

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.

Presets Plugins Components Blocks Assets Commands I18n Layers Styles Storages RTE Newsletters Web pages Site builders

[BUG] Rich Text Editor's position is not updated on enter/return

Question

Answers (3)

Related Questions and Answers

BUG: Text element does not work properly

[Bug] its not possible to make part of H1 non-bold

BUG: Display order of border radius is not correct

BUG: is there any way to remove cross svg on selected default value of Float, Position and text-align

Paid Plugins That Match This Issue

Browse Plugin Categories