[Question/Bug]: The image in the cell shifts the content
Question
Hello! I Have an issue, when adding an image in cell, the neighbors cell content is 'jumping' to the bottom. Actually this issue not only with image, but also with video, links etc.
Here is how it looks without image:

And now with image:

Any idea what it might be and how to fix it?
Answers (3)
I'm able to reproduce that behavior with default grid

But when I turn on flex-grid it functions as expected

Probably have to replace all previous instances of the component that use display: table, but I don't think that is necessary since your solution works.
Probably related to display: table, the grid system uses by default, add this to your grapesjs.init
//...
pluginsOpts: {
//...
'gjs-blocks-basic': {
flexGrid:1
}
},
//...
@Ju99ernaut thanks for reply, but unfortunately it didn't help. I managed to solve this issue by overriding default Cell component. I have added
defaults: {
...defaultModel.prototype.defaults,
//...
style: {
'vertical-align': 'top',
},
}
But probably I'm doing something wrong
Related Questions and Answers
Continue research with similar issue discussions.
Issue #5263
BUG: Deleting a component without deleting its corresponding style, will adding new components later cause style conflicts?
GrapesJS version [X] I confirm to use the latest version of GrapesJS What browser are you using? latest version of Chrome Reproducible demo...
Issue #3091
[QUESTION] How to use grapesjs with static HTML
Sorry in advance for my English. I'm developing a CMS using Laravel and Vue.js. I want to use grapesjs for editing page content but with st...
Issue #2961
BUG: Components in custom modal isn't editable
Hello, I'm trying to add custom modal block to my project and I want to change content of this modal also with drag&drop. Here's code of my...
Issue #2697
[QUESTION] Problem with custom component type and table cell
Hello! I'm trying to add custom component type: And also I'm adding new block: But when I drop this block on the canvas the <td> tag doesn'...
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.