Skip to main content
rosieway
Known Participant
March 18, 2020
Answered

Fixed position when scrolling objects"will disappear" on the phone browser in XD.

  • March 18, 2020
  • 2 replies
  • 5419 views

Dear Adobe XD community, 


I got new issues on the prototype review on the phone browser.

The "fixed position when scrolling objects" will disappear on the phone browser prototype mode instead of preview mode on Adobe XD and desktop browser mode.

Any advice on solving this issue?

I've tried to pull the object group into the highest level. It didn't work.

I've tried to unclick the fix option; then switch to fix option. It didn't work.

I've seen other people asked similar questions but none of it lead me to fix the issues.

Thank you very much for your help 🙂

This topic has been closed for replies.
Correct answer Peter Villevoye

The browser preview is technically not appropriate to test on mobile devices. The frame-in-a-window version of this desktop preview needs to accommodate both the user interactions: those with the frame as well as the whole window. So it doesn't always lend itself very well for mobile – only maybe on a tablet (with the lack of properly working fixed objects and other quirks), but definitely not an a phone.

That's why we have the Adobe XD mobile app, to let testers and reviewers have a more reliable experience !

2 replies

Peter Villevoye
Peter VillevoyeCorrect answer
Community Expert
March 25, 2020

The browser preview is technically not appropriate to test on mobile devices. The frame-in-a-window version of this desktop preview needs to accommodate both the user interactions: those with the frame as well as the whole window. So it doesn't always lend itself very well for mobile – only maybe on a tablet (with the lack of properly working fixed objects and other quirks), but definitely not an a phone.

That's why we have the Adobe XD mobile app, to let testers and reviewers have a more reliable experience !

Known Participant
March 18, 2020

Hey guys,

 

So I have a problem that really ruins the experience of testing & showcasing prototypes in a un-controlled environment.

 

When live previewing the prototype on an iPhone X/XS/11 the notch covers the design, so whatever was there is now hidden. If designing for the iPhone X this is easily overcome, simply move the design down and add an iOS header and it looks great.
But here's the problem: That same design, when viewed on a different phone, has this huge space of nothing at the top.

 

It'd be great if prototypes & live previews acted more like real apps - meaning on an iPhone X it adapts and moved the content down while filling the top part of the header with the BG color, and the same design on an iPhone 8 just looks like it normally would on that device.

 

{Renamed By MOD}

Rishabh_Tiwari
Community Manager
Community Manager
March 18, 2020

Hi there,

 

Thanks for reaching out. I would request if you can share a few more details like:

 

  1. The exact version of Adobe XD.
  2. Is this happening with a specific file or multiple files?
  3. Is it possible for you to share a few screenshots of the preview and a screenshot of the Prototype window?

 

We're here to help, just need more information.

 

Regards

Rishabh

HARSHIKA_VERMA
Community Manager
Community Manager
March 25, 2020

Hi there,

 

Sorry to hear you are having trouble. I am unable to reproduce the same at my end may be I missed something. Is it possible for you to share a short video explaining the behavior for better understanding? I would also request you to please share the OS, XD and name of your mobile device so that I can try to investigate at my end.

 

Thanks,

Harshika

rosieway
rosiewayAuthor
Known Participant
March 26, 2020

Hi Harshika,

 

Thanks for your help! 

I got the ideas from Peter's feedback 🙂