Cant Reset Canvas after Moving/scaling it

Question

WARNING READ and FOLLOW next 3 steps, then REMOVE them before posting the issueFollow CONTRIBUTING Guidelines https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.mdDo a quick SEARCH first, to see if someone else didn't open the same issueAll relative statements/questions have to be filled/answered, otherwise, the issue might be CLOSEDJSFiddle Starter template https://jsfiddle.net/szLp8h4nCodeSandbox Starter template https://codesandbox.io/s/1r0w2pk1vl What are you trying to add to GrapesJ...

artf · Accepted Answer

I'm not sure if I understand your issue, how do you exactly move/scale the canvas? this is unrelated but is there a function that can be called to zoom the content not the canvas? so like if i want to scale it like if it were on some really high dpi page to be able to do edits better. or should this be done by manually scaling the iframe zoom? cause iframe zoom in would of course enlarge the tools/selection outline editor.Canvas.setZoom doesn't work in your case?

anatoli-dp · Answer

i scale it using the editor.Canvas.setZoom and move it using spacebar. atm i removed what i did but it was something like getting the canvas element and just positioning it with a style update. however this change isnt permanent and as soon as it is slightly moved it jumps back to the original position, so if it was at 26x,18y (or 26 top, 18 left) for example, slightly mooving it will make it jump back tot those coords instead of basing its movement from 0,0 if it was cenetered. is there a func...

artf · Answer

If you're talking about the moving coordinates, we don't have yet a direct API for that, but you can actually get/update them in this way:

Cant Reset Canvas after Moving/scaling it

Question

Answers (4)

Related Questions and Answers

An event to hook into before a block in dropped into the canvas

ADD CUSTOM BLOCKS (i.e iframe) and customise it like image i.e on double click it open assets options for video link in custom iframe block

There are lots of click required to make text editable, can we make text field editable on a single Click.

@How to fix container size when we are drag element inside the container,Container will be expended according to the child dragged element. How we can auto size child element according to the parent container. Container should not be expend according to the child element. It's should be show scroll.

Paid Plugins That Match This Issue

Related tutorials

How to integrate GrapesJS into an Astro app (complete guide 2026)

GrapesJS custom components guide (2026)

How to integrate GrapesJS into a Django app (complete guide 2026)

Browse Plugin Categories