BUG: Large images make area of content editor unreachable
Question
Hi,
If you for example add a 3 column block to a page, and try dragging a very wide image into each column, the content stretches and the overflow is hidden.
How do we either add a vertical scrollbar or force the editor to limit the viewable size of images when dragged in. Currently if the content goes outside that area you cant access it (in the editor).
Answers (1)
This is more a layout issue that you can easily fix by adding your CSS to all images, eg. img { max-width: 100%; }
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2177
How to create a block with HTML and CSS and javascript content.
Can somebody please show me a code example of how to create a block with javascript and css styles. The main problem is that the js code is...
Issue #2651
[QUESTION] Background image via inline style not accessible?
This is very simple, but i can not access the background image set via CSS, within my custom block 'content'. How do i change the backgroun...
Issue #2595
[Question] Having trouble dragging external html with draggable="true"
I want to make an external html element able to be dragged into GrapesJS, like how you can drag in a block and it will add something. I hav...
Issue #994
how to make sure block is dropped only at the top level
For example I have two blocks A and B that I want to drop to the editor canvas. But sometimes the block that dropped later become the child...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.