Issue #1955πŸ’¬ AnsweredOpened April 9, 2019by EJM50 reactions

Resizing images with non corner points resizes both width and height.

Quick answerby artf

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)

artfβ€’ April 11, 2019

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

lock[bot]β€’ April 15, 2020

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.

Paid Plugins That Match This Issue

Curated by issue keywords and label relevance to help you ship faster.

View all plugins

Loading paid plugin recommendations...

Free option

Check the open-source GrapesJS plugins on GitHub or run a quick search in our free catalog.

Browse free plugins β†’
Premium option

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.

All tutorials β†’

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.