Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Copy link to clipboard
Copied
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.