Skip to main content
rosieway
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
  • 5420 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
Community Expert
Peter VillevoyeCommunity ExpertCorrect 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 !

    C
    CComar
    Known Participant
    March 18, 2020

    Hi there,

     

    So when I share a prototype and open it from my iPhone the footer and header elements remain hidden. If you zoom out you can see things correctly, but then you can't scroll or interact with the prototype.

     

    I have now tried it on multiple browsers, on multiple devices, and multiple XD projects and it's always the same issue.

    The browser footer covers the content that's behind it - meaning the XD prototype link is not registering that the browser footer is there and doesn't allow a user to view the bottom content.

     

    Example: https://xd.adobe.com/view/dc66b535-cf1d-4aa8-4841-abe3ad0a62a0-aa57/

    If you open the above link on a desktop & on an iPhone you can immediately see the missing features.

     

    <The Title was renamed by moderator>

    C
    CComar
    Known Participant
    March 27, 2020

    And my same answer to that other question over here as well:

    Please have a look at this thread, I believe it's about the same problem/phenomena:

    https://community.adobe.com/t5/adobe-xd/prototype-fixed-position-when-scrolling-objects-quot-will-disappear-quot-on-the-phone-browser-in-xd/m-p/11003937


    It seems to be something similar - although I'm not certain if the lady in the other post means elements are disappearing outright. In my example they aren't actually disappearing, they are merely hidden behind the Safari navigation footer.

    If you zoom out on the mobile prototype you can actually see the footer just fine (see attached)

     

    I think it's something you guys should look into improving. If we want to send a prototype to a large test group then asking them to download an app, create an Adobe account, share it (can I share without giving them design access?) is a horrible headache.

     

    Furthermore, as you can see in the video - when using the Adobe XD app on iOS on an iPhone with a notch, the top part of the design is hidden behind the notch. Ideally you should fill the very top with a background color and have the content be displayed below it - just like native iOS applications do (that's what we want to immitate, right?)

     

    HARSHIKA_VERMA
    Community Manager
    HARSHIKA_VERMACommunity 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 🙂

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices