GrapesJS / grapesjs

Free and Open source Web Builder Framework. Next generation tool for building templates without coding
https://grapesjs.com
BSD 3-Clause "New" or "Revised" License
22.36k stars 4.05k forks source link

BUG: ckeditor wrap and block the text below #3825

Closed mingxin-yang closed 2 years ago

mingxin-yang commented 3 years ago

GrapesJS version

What browser are you using?

Chrome

Reproducible demo link

https://

Describe the bug

If the width of the text component is not very long, the elements on ckeditor will wrap and block the text below image But when you click on the lower part of the component, instead of just above the text, there will be no covering problem image

Code of Conduct

mingxin-yang commented 3 years ago

bugs will also be implemented on this website. https://grapesjs.com/demo-mjml.html image The toolbar in the upper right corner will also be covered

@artf

ronaldohoch commented 2 years ago

Hello!

We used this trick to solve the problem for a while:

            editor.on("rte:enable",()=>{
                editor.trigger('canvasScroll');
            });

subscribe to the event rte:enable and trigger the canvasScroll. With this, the grapes will recalculate the position.

mingxin-yang commented 2 years ago

@ronaldohoch Thank you, this code work to me