Issue #4024Opened December 22, 2021by mingxin-yang0 reactions

BUG: When pasting text into text, the view scrolls and loses focus

Question

GrapesJS version

  • I confirm to use the latest version of GrapesJS

What browser are you using?

Chrome

Reproducible demo link

https://grapesjs.com/demo-newsletter-editor.html

Describe the bug

How to reproduce the bug?

  1. https://grapesjs.com/demo-newsletter-editor.html use CKeditor, I don’t know if it’s a configuration problem
  2. First enter a long content in the text component and scroll to the middle of the screen
  3. Then when you paste a piece of text in the middle, the view will scroll, but it is not the pasted position 录屏 (1)

What is the expected behavior? ...

What is the current behavior? ..

If is necessary to execute some code in order to reproduce the bug, paste it here below:

// your code here

Code of Conduct

  • I agree to follow this project's Code of Conduct

Answers (3)

mingxin-yangDecember 22, 20210 reactions

@artf

artfJanuary 24, 20220 reactions

This issue comes from CKEditor itself so, if there is a patch to apply, it should be applied on the plugin level (I'm not even sure it's possible) as it's not related to the core.

bernhardmillerJanuary 28, 20220 reactions

@mingxin-yang I had a similar problem with CKEditor and scrolling. For me, it happened when the user pressed the return key. If the grapes document was too long, the canvas scrolled down way to far.

I had to solve the problem in CKEditor itself, by removing this line from the enterkey plugin: https://github.com/ckeditor/ckeditor4/blob/f6dd30807a1c7cb585f376a38fb13dffd2213a75/plugins/enterkey/plugin.js#L432

Maybe there is a similar solution for your scrolling problem.

Related Questions and Answers

Continue research with similar issue discussions.

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.