System Scroll Bar Appears when Previewing with Scroll Groups

Forum|Forum|5 years ago
August 6, 2020
3 replies
3277 views

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?

Prototyping

This topic has been closed for replies.

D

Daniel.UX

New Participant

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.

HARSHIKA_VERMA

Community Manager

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

martini38757035

New Participant

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?

S

samantha.prince

New Participant

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.

J

Jasminn5E99

New Participant

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.