Editor.refresh() not working in custom setup
@nedim1511 can you please provide a reproducible demo, please?
Read full answer below āQuestion
I have a problem with a custom setup where the canvas iframe is moved around with js. The "editor.refresh()" call does not fix the positioning of the tools after the move.
I think the problem is due to the offset cache not cleared on refresh.
If I call this before refresh, the tools are positioned as expected:
editor.trigger('test:canvasOffset');
editor.trigger('frame:updated');
Version: 0.16.18
Answers (3)
@nedim1511 can you please provide a reproducible demo, please?
https://jsfiddle.net/3gqh6p5a/
Click select the "Hello World" and drag the vertical splitter to the left to resize the split window. The "editor.refresh()" called on dragEnd should align the tools but it does not seem to work.
It is more obvious on horizontal drag resize.
On my local copy, your example works correctly so probably in the next release it will be fixed
Related Questions and Answers
Continue research with similar issue discussions.
Issue #2548
[Bug] Unable to scroll all canvas with zoom enabled
When zoom is enabled is not possible to scroll over all canvas and move components. I think that is transform: scale(1.5) translate(0px); p...
Issue #2700
[Bug] Hover editor result in TypeError: this[0].getAttribute is not a function
Are you using the latest release (older versions are NOT supported)? Yes, using latest v0.16.3 version. What happen? Upgraded from WORKING...
Issue #1047
[BUG] Model not able to change after changing value in custom Select dropdown menu.
Hey, I'm using CDN link for grapes js from unpkg.com In my project, I've used custom trait as a drop-down select menu which changes HTML us...
Issue #2146
[QUESTION] pluginsOpts NOT working - why?
Hey guys, I am new to grapejs, but so far I really love it! Now I stumbled over a problem that I can't seem to fix or to find a solution an...
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 āBrowse Plugin Categories
Jump directly to plugin category pages on the marketplace.