Issue #727Opened January 8, 2018by kevinalvarez3 reactions

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)

kevinalvarezJanuary 9, 20181 reactions

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

ryandebaJanuary 10, 20181 reactions

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

artfJanuary 11, 20181 reactions

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.

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...

Browse Plugin Categories

Jump directly to plugin category pages on the marketplace.