Changing page sizes in the browser since the September update

Report · Sep 21, 2018

Hello,

I had a fully functioning prototype that went broken somehow since the last update now in September.
It's an 1920x1080 prototype that had a lot of scrolling screens with a fixed position header, and with overlay elements (like opened dropdowns, dialogs etc.) showing up.

- now when an artboard's height is bigger than 1080px the whole "page" will be smaller (gets a big white border) then the full screen browser width for some reason. So now the screens are "jumping" from page to page depending on the artboard's height of the given page

- the same happens when I click and a small dropdown displays as an overlay item -> the whole page shrinks from full browser width (1920px) to a smaller size (1698px width).

What can I do? It's super annoying, but with a not updated XD this problems are "non existent".

Report · Sep 21, 2018

Are your artboards in the published prototype of different sizes? Also, are you seeing this issue in standard view or full screen mode?

Is it possible to share your design file with us? You can choose to send it privately to me by clicking on my avatar image and sending it across in a message.

Thanks!

Report · Sep 22, 2018

Hi,

I see it in a normal browser view (Firefox with default viewport size, Win10 taskbar hidden). In the full screen (F11) browser mode there are some minor resizing (width) problems too with the "higher than 1080px" artboards, but at least I see no problems in full screen when the overlay dropdown menus are displayed (no resizing).

The artboards are in different sizes: there are the standard 1920x1080 artboards, then there are some higher pages / artboards than this, for example 1920x1390 px. And there are the small overlay menus placed on various sized smaller artboards (like 208x259 or 302x368 etc. to match the menu and it's shadow size).

The 1920x1080 artboards are set to scrolling none, the heigher artboards are set to verticall scrolling with viewport size of 1080.

The "old" version without the new update works OK, the new version after the September update resizes the whole page over and over again if there is a height change in the artboard or if there is an overlay menu to show 😞

Unfortunately I cannot send you the file, beacuse it's for a firm that does military related developments.

Report · Sep 25, 2018

OK, I did a stripped-down version without any sensitive data and leaved in just a couple of artboards to show the problems. How can I send you the xd file through?

Report · Sep 25, 2018

You can click on my avatar icon next to this reply (which says Staff) and choose "Message". You can attach a file using that option and it would send it across privately over email.

Thanks!

Report · Sep 25, 2018

I would like to, but I doesn't get any attachment options :

Report · Sep 25, 2018

You can send it to arunk@adobe.com

Report · Sep 26, 2018

Thank you, yesterday I sent it over, I hope you get it.

Report · Sep 27, 2018

Hello arunk,

did you finally get the problematic file? Any ideas, opinions?

Report · Sep 27, 2018

Yes, I have got it. Appreciate your help here. I have passed it on to the team for further investigation and I will come back to you once I hear back.

I notice that apart from the artboard sizes being different, there is one specific issue that you seem to be hitting. This issue is when you invoke the artboard and that is resulting in entire design fitting into the viewport. Please note that we have logged this issue internally and working on it.

Thank you!

Arun

Report · Sep 27, 2018

Okay, thank you!
The main problem is for us, that before the September update everything worked fine in the published version, the only thing I was considering earlier was to set maybe a smaller viewport for scrolling than 1080, so the customers can see in a normal/default browser window (without pressing F11) that the header is fixed. But after the update the system scales down everything if you change to a bigger/higher artboard size what is really annoying. Plus what I find strange is the overlay behaviors, because there was other overlays in the project too (I deleted almost all of them from the example, but the export dropdown is one of them) that didn't caused the rescaling of the page...
Another thing: if you choose an 1920 wide (but higher than 1080 px with vertical scrolling enabled) artboard the vertical scrollbar should appear inside this width and not in addition to it so it didn't cause the displaying of the horizontal scrollbar. In my example you can see on the heigher artboards that there is space left out on the right edge for the scrollbar.