Images won't resize to full width

Question

When an image is resized with the mouse, it won't stretch all the way to the edge of the canvas, leaving a white space on the right side. If adjusting Dimensions --> Width, you can bring it all the way to the edge of the canvas. If you drag enough elements onto the canvas for the scrollbar to appear, the scrollbar fills the white space that the image wouldn't fill. It appears the dragging is just taking the scroll bar into consideration and won't fill the scroll bar's area, even if the scroll b...

artf · Accepted Answer

Seems like I totally forget about this issue 😂 thanks to @benvmatheson for the ping. I apologize also to @giorgiosjames for totally ignoring his PR 😬 even because I have to close it as he is right, we can do it correctly and dynamically without relying on some kind of option (just need to get the width of the body instead of the iframe). The fix will be available in the next release

artf · Answer

Not sure but it might also be an issue in the resizer configuration https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L353

giorgiosjames · Answer

This seems to be caused by the padding value here: https://github.com/artf/grapesjs/blob/3f053af969ef6a688d526d158b9df7e6aa076838/src/commands/view/SelectComponent.js#L449 Setting this value to 0 allows me to resize components right to the edge of the canvas. Unsure on why this padding was there in the first place or if removing it is going to break something else.

Images won't resize to full width

Question

Answers (3)

Related Questions and Answers

Resize canvas

Modal width

Error in prompt position after moving canvas

[Question] How to add toolbar functionality to the layers panel.

Paid Plugins That Match This Issue

Related tutorials

Super Tooltip for GrapesJS — Version 0.1.5 Released 🎉

GrapesJS in 2026: The Complete Guide to the Open-Source Web Builder Framework

Browse Plugin Categories