Two devices with same width
Question
Hi all, We have an scenario where we need to have two devices with same width. Almost everything works fine, but when we try to change between these devices (same width), the elements from the preview don't answer until we change another device with different size.
Any idea?
Thanks!
Answers (3)
Look at this demo: https://jsfiddle.net/9w2g8su5/1/ I have 4 devices. General and Desktop have the same width. If I change from General to Desktop (or vice versa), I can't select or edit any component from the canvas until select another device with different width
Hi all,
I did a little bit of research into this, I believe the issue starts inside of FrameView.updateDim() when em.stopDefault() is called, which stops select-comp (the default command) until the resizing transition is done. Since the dimensions haven't changed, there is no resize transition, FrameView.updateOffset() never runs so the select-comp command is never started again. In code, this runs, then this runs, and this is expected to run after the transition ends but never does. I don't know what the fix is, but here's a jsfiddle that replicates the issue after 2 seconds (see the setTimeout at the bottom) without messing with the devices at all.
Is calling em.stopDefault() necessary inside FrameView.updateDim()? I'm guessing there's a good reason for it, but I'm not sure what that reason is.
@kevinalvarez - here's a hacky fix if you need to a working solution right now: jsfiddle
Is calling em.stopDefault() necessary inside FrameView.updateDim()? I'm guessing there's a good reason for it, but I'm not sure what that reason is.
It's there to prevent fixed highlighting box which appears when you hover components during the animation 😬
I'll put a fix which will gonna check on the dimension change otherwise udpateOffset will be triggered immediately
Related Questions and Answers
Continue research with similar issue discussions.
Issue #1092
[BUG]traits and storage trigger
Hey, maybe it's not bug, i'm not sure. I have traits with changeProp: true field. When I change the value of trait by UI, model is changed...
Issue #373
Color input does not update the element on page
when using the color picker everything works fine. however if you add a hex value to the input and press enter the color preview updates bu...
Issue #1865
[Bug]: Grapes change page position
Hello, I found the following problem using grapes inside an html page: when you click on some elements of the editor, such as the arrow to...
Issue #1829
[Bug]: If devices in DeviceManager all have a width specificed an editor breaking error occurs
If all devices specified for the DeviceManager have a width set, an editor breaking error occurs: "TypeError: contRules is null". I'm seein...
Paid Plugins That Match This Issue
Curated by issue keywords and label relevance to help you ship faster.
Loading paid plugin recommendations...
Browse Plugin Categories
Jump directly to plugin category pages on the marketplace.