Resizing images with non corner points resizes both width and height.
This is not a bug, this is just the autoscaling handled by the browser, if you don't like it you can think about extending the image component to store size information on load
Read full answer below βQuestion
This bug can be reproduced in either GrapesJS demos.
Bug: After dragging and dropping an image, using one of the resize points that are not on the corners (height or width resize points), both height and width will be resized.
Expected behaviour: The non corner points should only resize the height or the width of the image, depending on which point is being used.
Additional note: If you use one of the corner points at least once, the other non-corner points will have the correct resize behaviour, resizing only width or height depending on which point you are using.
Steps for reproduction: 1- Drag and drop an image. 2- Use one of the resize points that is not one of the corner points. Optional: 3- Use one of the corner points at least once. 4- Reuse one of the resize points that are not on the corner, and you will find it having the expected behaviour.
Answers (2)
This is not a bug, this is just the autoscaling handled by the browser, if you don't like it you can think about extending the image component to store size information on load
This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Related Questions and Answers
Continue research with similar issue discussions.
Issue #735
When resizing images in the same section, they all resize...
I'm encountering a strange bug, when resizing a single image, the sibling photo is also being resized. My only thought is around how the co...
Issue #1988
bug on resize image
Hi ! I have some issues when i want resize an image. When i put an image and when i click one resizer handler, the image don't keep his hei...
Issue #1809
Customize image resizing
If i want to limit resizing an image to only specific dimensions, how can i do that? Also is it possible to enable resizing only from the b...
Issue #1941
[BUG]: When dragging a block over the canvas, JS in script, is appended in canvas before dropping the block.
You're submitting a BUG Are you using the latest release (older versions are NOT supported)? v0.14.57 Are you facing the bug with your loca...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.
Browse free plugins βPremium plugins ship with support, regular updates, and production-ready features β save days of integration work.
Browse premium plugins βRelated tutorials
In-depth guides on the same topic.
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.