Skip to main content
jorenr37968744
jorenr37968744
Participant
August 28, 2020
Answered

Every overlay keeps causing it to transition to the first artboard to show underneath the overlay

  • August 28, 2020
  • 3 replies
  • 1678 views

My first time trying out overlays, I have no idea what I'm doing wrong or if this is just a bug (using the Windows 10 app), because it only happens maybe 3/4 of the time. Any of my overlays (modal popups, menu dropdowns, etc) will show the overlay fine but underneath it transitions to the first artboard. It's constant and I can't find a pattern, as it will rarely not do this behavior and it will stay on the same artboard as expected. None of the overlays are nested. Obviously this completely breaks the user experience demo...

 

There is also one normal transition between artboards that I have that will always flicker the first artboard for a second before finishing its transition to the correct artboard. There's only one that does this, no idea what is causing that either or if it's related.

    This topic has been closed for replies.
    Correct answer Spas K.

    I see the problem.

     

    From the menu, your "Customers" link is wired with a dashed line to the Customers artboard, which means it's opened as an overlay. You are never leaving the Home artboard. You just don't see the Home page underneath, because the Customers artboard has a background.

     

    When you click that "Create customer" box, you open a second overlay. The first one (Customers artboard) disappears, shows the home page briefly while fading out, and opens the second one.

     

    To fix it, use a Transition (solid blue line) from the Customers link in the menu to the Customers artboard, instead of an overlay (dashed line).

     

    Other than that, when using overlays, the way they work is that if you open one overlay after another, they don't really have a smooth transition. The first one hides with easing out, and then the second one opens, so you always get sort of a "flicker" between them. The only workaround is to remove any animation, so they just instantly appear one after the other.

    3 replies

    J
    j. scot
    Participant
    December 14, 2020

    I'm having issues with the first artboard appearing under a third overlay within my prototype. The first two work great... only the third has the problem. I've recreated it from scratch and it still has the issue. There must be some buggy aspect to them, or I'm missing a fatal limitation of copy-paste as it relates to overlays (to build this third overlay, I copied the first overlay—which is linked to my first artboard, the one that keeps mistakenly showing up under the third overlay — and then revised the links and contents of the artboard to create my third overlay).

    Ares Hovhannesyan
    Community Expert
    Ares HovhannesyanCommunity Expert
    Community Expert
    August 28, 2020

    Ae you creating overlay object in new separate artboard, otherwise it will not work?

     

    Please review this also https://helpx.adobe.com/xd/help/add-overlays.html#:~:text=Adobe%20XD%20allows%20you%20to,-up%20keyboards%2C%20and%20more.&text=In%20Design%20mode%2C%20select%20a,other%20artboard%20to%20overlay%20it.

      jorenr37968744
      jorenr37968744Author
      Participant
      August 28, 2020

      Sure, here is a GIF of the first issue in action. You can see it always jumping to the first artboard underneath.

       

      Spas K.
      Community Expert
      Spas K.Community ExpertCorrect answer
      Community Expert
      August 28, 2020

      I see the problem.

       

      From the menu, your "Customers" link is wired with a dashed line to the Customers artboard, which means it's opened as an overlay. You are never leaving the Home artboard. You just don't see the Home page underneath, because the Customers artboard has a background.

       

      When you click that "Create customer" box, you open a second overlay. The first one (Customers artboard) disappears, shows the home page briefly while fading out, and opens the second one.

       

      To fix it, use a Transition (solid blue line) from the Customers link in the menu to the Customers artboard, instead of an overlay (dashed line).

       

      Other than that, when using overlays, the way they work is that if you open one overlay after another, they don't really have a smooth transition. The first one hides with easing out, and then the second one opens, so you always get sort of a "flicker" between them. The only workaround is to remove any animation, so they just instantly appear one after the other.

        Rishabh_Tiwari
        Rishabh_Tiwari
        Legend
        August 28, 2020

        Hi Joren,

         

        Thanks for reaching out. Will it be possible for you to share a small video of what exactly is happening at your end and also capturing the wires connections between the artboards in the Prototype Window? We'll try our best to help you with it.

         

        Regards

        Rishabh

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