Skip to main content
S
ShannonJB
Participant
March 13, 2023
Question

Overlay artboard moves when shared full screen

  • March 13, 2023
  • 1 reply
  • 715 views

Hi, I came across an unusual bug: I have two small boxes that will have a little black dot appear in them when a person clicks on them. I added the black dots through the use of an overlay (as seen in the XD screen screenshot.) When I preview in XD, everything works as intended...but when I share the file and have it open full-screen, the dots move and appear below everything when clicking on the boxes (Opened-Full-screen.jpg screenshot.)

It only happens in Full Screen - if I customize my settings and uncheck "open in full screen" then it works as intended.

I am unsure if this is a browser thing (I tested it in firefox and Edge, and the same happens in both).

https://xd.adobe.com/view/4be91ca6-fb94-4eae-aa69-a6f1e7905c0f-1eba/?fullscreen

This topic has been closed for replies.

1 reply

Rishabh_Tiwari
Community Manager
Rishabh_TiwariCommunity Manager
Community Manager
March 13, 2023

Hi @ShannonJB ,

 

We're so sorry to hear about the trouble. I tested the link on my end it's working fine. Would you mind testing it again in an incognito mode and let us know if this works?

 

Thanks

Rishabh

S
ShannonJBAuthor
Participant
March 14, 2023

Hi Rishabh,

Thanks for the response, but I still get the same thing happening in incognito mode as well. Though now I have noticed that where the dot pops up depends on how far down the project I have scrolled...so that's weird.

Spas K.
Community Expert
Spas K.Community Expert
Community Expert
March 20, 2023

Hey there, Burritt. Using the overlay in this way in Xd is not a good practice. Overlays open at a fixed location no matter how far along the page you've scrolled. So if you're down a bit, the overlay will still appear in the same location relative to the screen, and not to the page elements.

 

Overlays are best used for popups, forms, maybe a side menu that pops out, that sort of stuff.

 

You should use a component state with a checked / unchecked state for the checkboxes. If you need help with that, let us know.

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