Skip to content
← Adobe XD: Feature Requests (Read-Only)

Request details

Adobe XD: Feature Requests (Read-Only): 01 : Design mode

Categories

(thinking…)

Overlay positioning below "fold"

I would like to be able to position an overlay so that it is connected to a specific element regardless of whether that element is below the "fold". For tooltip, dropdown menus, and other interactive elements, overlays are awesome. However, in doing responsive design work for enterprise applications, there are many instances where a dropdown or tooltip will appear below the fold.

210 votes

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close

We’ll send you updates on this idea

Sabin shared this idea  ·   ·  Report…  ·  Admin →
feature-completed  ·  AdminElaine (Adobe) (Product Manager, Adobe) responded  · 

As of MAX of this year, we’ve enabled component states, which will give you the flexibility you need to be able to create flyouts, dropdowns, and other interactive elements that will be contextual to its placement on the artboard. Check it out on letsxd.com!

We're glad you're here

Please sign in to leave feedback
Signed in as (Sign out)
Close
Close
Submitting...
An error occurred while saving the comment
  • Anonymous commented  ·   ·  Report

    Overlays that stay connected to an object on the artboard, regardless of if it's above or below the fold is an absolute necessity if you want to emulate a web page! Either that or create a drop down list box control!

  • Steve commented  ·   ·  Report

    I agree, this is really strange behaviour - overlays should be allowed to be placed below the fold. Also the fact they're not 'fixed' in place is also weird - you can trigger one, and then scroll the page away from it - not at all how these elements would behave in a web environment for example.

  • Tony commented  ·   ·  Report

    I don't see how this isn't a bug. Someone this.

  • Shaun commented  ·   ·  Report

    This is one of the main reasons I'm still using In Vision. I don't want to , but I regularly have menus, modals, tooltips etc that need to appear anywhere on the page. Limiting this to above the fold is bizarre.

  • Anonymous commented  ·   ·  Report

    I Agree to put on overlay below fold

  • Niels commented  ·   ·  Report

    Agree with the above statements. In addition - I'm trying to do a simple button drop-down / tooltip type design, and because the overlay feature is absolute positioned, it moves away from button/area. The option to have it relative to an actionable area would be very helpful.

  • Ellis commented  ·   ·  Report

    Agreed, not being able to add in an overlay below the fold is stupid as you might have a one-page website design which has lots of content below the fold but you are unable to overlay items there which is not useful at all..

    Overlay is an awesome feature but it is currently limited...another great idea for overlays is a time to only display an overlay over a screen for a certain length of time would also be great

  • Josh Weston commented  ·   ·  Report

    +1 Agreed. This would be very useful when designing dashboards that require dropdowns/drilldowns.

  • Harun Alikadić commented  ·   ·  Report

    Same here, especially for websites. Even if overlays are mostly used for "above the fold" interactions (bottom menu, header menus, image/video view, sidebars) there are other cases, for example, flipping cards and form dropdown menus which need to be anchored to a certain vertical point bellow the fold. It works in InvisionApp even if positioning the overlay element is not a simple task.

1 3 Next →