BUG: Block Highlight Display Bug

Question

Version: 0.6.18 You can get the version by typing grapesjs.version into the console Are you able to reproduce the bug from the demo? [ ] Yes [x] No I think this may be due to the demo being in full screen mode? What is the expected behavior? I would imagine that the Rich Text Editor toolbar placement should be near the text block being edited. Additionally, double-clicking the text object does not always trigger the RTE toolbar. Describe the bug detailed This only appears to happen when the Edi...

artf · Accepted Answer

Look, in the latest release, we've added this option https://github.com/artf/grapesjs/blob/8822aa6c6e8ced09ad50f2c8392f1754d3a6ec8b/src/editor/config/config.js#L151-L157 So, at first, ensure you're not serving a cached grapesjs version from your browser (run in devtools console.log(grapesjs.version)) and then check that your scrollable panel is the first parent of your

. In case, the scrollable panel is not the parent of your grapesjs container (which, by default, will b...

HeyWrecker · Answer

@artf Like you, I wasn't able to reproduce in a fiddle. So I began decomposing the HTML piece by piece until I discovered that one of the primary site containers had an overflow-x: hidden; defined on the class and for some reason or another that seemed to be playing havoc with the GrapesJS highlighting and toolbar placement. I corrected that issue and that, in addition to updating the latest version and assigning the listenToEl property, fixed everything. It really was the overflow-x: hidden on...

MartinPutz · Answer

@HeyWrecker I've seen something similar when no device is selected or the canvas is manipulated by external JS. Could you check the currently selected device using:

https://grapesjs.com/docs/api/editor.html#getdevice

editor.getDevice();

Block Highlight Display Bug

Question

Answers (3)

Related Questions and Answers

layers text does not center after creating a new line

Toolbar/actionbar buttons do not work when there are multiple instances present (Even in your demo)

Using imported HTML/CSS/JS into the editor shows outlines, but no content, JS Fiddle inside

Default Content is getting Inserted while using setComponents if Tag Body is empty

Paid Plugins That Match This Issue

Browse Plugin Categories