Overlay artboard moves when shared full screen

[ShannonJB]

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

[Rishabh_Tiwari]

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

[ShannonJB]

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.]

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.