Can't resize properly.

[ronaldohoch]

Hello Artf!
I can't resize images neighter columns :/
Check the vídeo, have you or anyone here passed by it?

bandicam.2021-09-02.09-38-13-807.mp4

[artf]

Hi @ronaldohoch unfortunately, I can't help here just by looking at the video. Are you able to check from the devtools what is actually happening? From the official demo, I see resizing behaves correctly so, it would be helpful to have a reproducible demo.

[ronaldohoch]

I'm trying to put it online, but it has a lot of code to some tools like stackblitz to load, if you allow me, i can put in a private repo and set you as member, i will.

Here are two videos, the first is with the property 'gjs-blocks-basic': { flexGrid:1 }
The second is with the property 'gjs-blocks-basic': { flexGrid:0 }

it seems to me that I have to click and drag a lot of the mouse to change a few % of the column or image size. It's not fluid like in the demo.
In the demo I have to move the mouse a lot, but it seems to be 1/10 of what I need to move in my version.

bandicam.2021-09-08.10-35-38-042.mp4

bandicam.2021-09-08.10-40-05-722.mp4

[ronaldohoch]

I've made the bug in https://jsfiddle.net/zdqsgwp3/

What i've made?

• Copied the content of the file in dist folder: https://github.com/artf/grapesjs-blocks-basic/blob/master/dist/grapesjs-blocks-basic.min.js
• Pasted in the js part of fiddle, before the grapesjs.init({})
• Dragged a column block
• Tried to resize it.

bandicam.2021-09-08.14-04-30-473.mp4

it's Brave browser, in incognito mode

[artf]

Seems more like an issue with the columns component and the resizing with flex. I don't have time to fix those blocks but you can definitely create your custom components and decide how to handle rows/columns

[ronaldohoch]

I was looking into it and i don't know why, but, if i integrate the grapesjs-mjml, it brokes the resizing of whole project :/
I'm trying to find what can cause it.

[ronaldohoch]

In mjml plugin we can't resize the image, and i'll keep investigating

It's from https://grapesjs.com/demo-mjml.html and it's equals to my local

[artf]

this is by design https://github.com/artf/grapesjs-mjml/blob/a595f11926b17e978ef0cb75cc4fc82cf9b8cf7b/src/components/Image.js#L15

[ronaldohoch]

It has a property at mjml, i could add the resize:true. (https://github.com/artf/grapesjs-mjml/blob/master/src/components/Image.js#L15)
But, it keeps with a strange behavior, it stops on resizing and i need to do it again. 🤔

I'm started to think that it's not a good idea to allow the users to resize manually the e-mail images. 🤔

bandicam.2021-09-09.14-46-38-406.mp4

[ronaldohoch]

As artf say, it's by design, so, is just remove it if needed.