System Scroll Bar Appears when Previewing with Scroll Groups

Report · Aug 06, 2020

When previewing on the web using the shared link or when embedded in a website a horizontal scroll bar appears whenever I use a scroll group.

I have a vertical scroll group that fits within the bounds of the artboard and everything appears normally when previewing in XD. The scroll group still works and acts as it should but this issue appears every time I preview pages with a scroll group. Is there a way to hide the system's horizontal scroll?

Report · Aug 06, 2020

Hi there,

Thanks for reaching out. I found a similar discussion which you can refer to here: https://community.adobe.com/t5/adobe-xd/prototype-testing-on-device-incorrect-screen-size/m-p/953858...

Let us know if the suggestions shared on the discussion helps or if you need any further assistance.

Regards

Rishabh

Report · Aug 06, 2020

That actually does not help. Because the horizontal scroll bar is within the entire artboard. It is not scrolling incorrectly because of the browser.

https://xd.adobe.com/view/b01bd8d5-b337-46e5-b471-96a5c50ebd14-e548/?fullscreen

Report · Aug 20, 2020

Hi Wolverine,

Sorry for the delay in response. I would request you to please see the similar request raised here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/37651960--windows-...

Please submit your feedback and upvote the request to add your voice.

Hope it helps.

Thanks,

Harshika

Report · Aug 20, 2020

Sorry but again not very helpful.

My issue is that a scroll bar is appearing when there is nothing to scroll. All of the content fits horizontally within the main window and I'm utilizing scroll groups within XD. The system horizontal scroll bar is attached to my vertical scroll group. I'm not sure how else to explain this issue.

Report · Aug 02, 2024

I know it is like 4 years late, but did you ever find a fix for this? I'm having both vertical and horizontal scroll bars appear on a component and I cannot find a fix for the life of me...

Report · May 13, 2021

I have this issue too, its super annoying. Im using a Vertical only scroll group.. It doesnt matter how I scale the components within, it always appears.

Did you ever figure out a workaround?

Report · Jun 09, 2021

I have this same exact issue as well with no luck. Wonder if it's a bug. I'm using the PC version of XD, wonder if it happens on the Mac version as well.

Report · Nov 15, 2021

Also on the PC version of XD.

Exactly the same problem. A horizontal scrollbar started appearing (only on web links), where it should not be, as there is no horizontal content to scroll. Previous iterations/exports of the file did not have a horizontal scrollbar. The scrollbar seems to have shown up out of the blue.

Nice to see there's neither fix nor acknowledgement of this bug over a year later.

Occasionally working workaround is:

Carefully observe your prototype views. If you're lucky, one of them will have an artboard that doesn't spawn this phantom scrollbar.
Copy the scroll container from the artboard that doesn't have scrollbar issues.
Replace the scroll container with issues, with the one without issues.
Test, and hope that you got on the 50/50 lucky side.

Otherwise, there's no workaround that I found, and Adobe don't care.

Report · Jul 15, 2022

I've been having this same problem today - also using a PC with windows. Using chrome to view the prototype.

I just figured out how to make it go away for me. My desktop's scale and layout was set to the recommended 125% (under "Display" in the system's "Settings"). I just set it to 100% and the horizontal bar went away. I set it back to 125% and the dastardly horizontal bar was back again.

It's gone for me, but of course I have no control over the resolution settings for anyone who might view my prototype, so who knows who's going to be seeing that bar, which is frustrating to think about.

I don't know if this would be the same for you folks, but I wanted to share my experience here.

Report · Jul 18, 2022

Thank you for sharing the workflow, @Daniel.UX. For testing purposes, could you please share the link with us so that I can check at my end on my windows machine? I will try to investigate more on this problem.

Thanks,

Harshika

Report · Aug 03, 2024

W3213235928qz Typically, I normally do NOT like showing the work on mobile screens as shown. I know Figma has the same features, of a seamless experience when sharing links providing a realistic representation of how your design will look on various phones....problem with that is not everyone will have the same phone! Hence, why I normally design it without all that junk on....which is likely the issue where you see the horizontal scroll bar on the phone (it's mimicing the phone)

I tested on my end, without the mockup and when I share, and I don't see the scroll bar for the following:

Design Review: https://xd.adobe.com/view/b3670d4f-4c42-47b8-aecc-0b6ca7284fed-e634/
Presentation: https://xd.adobe.com/view/b3670d4f-4c42-47b8-aecc-0b6ca7284fed-e634/?fullscreen
User Testing: https://xd.adobe.com/view/b3670d4f-4c42-47b8-aecc-0b6ca7284fed-e634/?fullscreen&hints=off