Show scroll bar in published prototypes
When you share a prototype with a client, it isn't immediately obvious that the design is scrollable. I have had a couple of instances of clients not knowing that the designs continue below the fold. An obvious scroll bar added to the prototype view when shared would solve this.
![](https://secure.gravatar.com/avatar/6f9e68a5f250088c76d729c068a6e854?size=40&default=https%3A%2F%2Fassets.uvcdn.com%2Fpkg%2Fadmin%2Ficons%2Fuser_70-6bcf9e08938533adb9bac95c3e487cb2a6d4a32f890ca6fdc82e3072e0ea0368.png)
-
Jason Coker commented
Smart contract for NFTS Proof of stake ethereum stakeholders XDC Web3 5G services in the world of technology POW services
-
Jorge Vanegas commented
Unbelievable that this very basic functionality isn't in XD!!!
-
Victoria C commented
From the wikipedia page on the scrollbar: "In 1977, Smalltalk included a stable scrollbar on the left side of the focus window."
It's been 45 years. How is this not standard in a prototype in 2022? Do better.
-
Nick Freeman commented
In our testing sessions 2 out of 10 users are unable to scroll due to lack of scrollbars on prototypes. The fact is not every user knows track pad gestures for scrolling, and those with mobility issues also struggled to use the prototype. This is not an insignificant number and a simple scrollbar (something from way back in the web 1.0 days) in the prototype would fix this. Why has this request been banging around since 2018 and no work has been done about it?
This shouldn't even be a "feature request." This is a usability issue. Additionally, I'm unclear what the purpose of user voice is if Adobe isn't going to implement features users request.
-
david webber commented
I have 250+ forms to review. Impossible right now.
Sadly this is a broken feature without scrollbars to move around for Flow and Block view. Who ever released XD without this feature??? This is basic HTML page stuff. I'm wondering if you can hack the download of the HTML page to add scrollbars - should be trivial - will look...
OMG! Then I saw the TIP below about holding down the keyboard SPACEBAR, so that the HAND tool appears and using that to drag the display around as needed. OK - this is a workaround - but it works!
-
Paulina Dabrowska commented
this functionality is essential, we always have to tell devs and clients that scroll is not visible on the prototype, but will be in the real product. So annoying! And causes a lot of misunderstanding
-
Miroslav Kurdov commented
I found a workaround: pressing and maintaining the space bar activates the Hand tool. It works like in all desktop Adobe products. It's possible to click&drag vertically and horizontally.
It works on Mozilla for Mac and Chrome on PC.
Otherwise scrolling is possible by these two ways:
1) the scroll wheel of a mouse but limited to vertical scroll
2) the trackpad of a PC or Mac, two fingers swipe (both vertical and horizontal scroll work) -
Elizabeth Costello commented
Same comment as a user below: If I had known about this limitation, I would have not have agreed to use XD with my team.
This is a major limitation for our team and we are likely going to have to use another product, which is very disappointing. Please implement this asap!
-
Nick S commented
THIS IS RIDICULOUS! Add a scrollbar feature or you WILL lose customers. How inept can your priorities be if you cannot even add something as simple as a scrollbar, but instead opt for adding 3D transforms, (which a tiny population of your users actually use). Solve the problem and do better.
-
Jason commented
Echoing everyone else's comments. It's 2021 and I'm running Xd prototypes on Usertesting.com. People can't scroll so they don't see the whole prototype and everyone's time is wasted. Saying this is frustrating is an understatement. This is basic functionality from the 1990's. Please. Please. If my company wasn't so fully entangled with all things Adobe I would have already been off to Figma.
-
Peter Wise commented
Essential!
Not only have all of my recent clients had issues with this but also very web-savvy developers and designers I have shared things with. It makes people feel like they are stupid when you have to explain it to them, when really it's just bad UI. -
Design Dept commented
Please add this functionnality NOW!!! I almost lost a client because he wasn't able to see the entire presentation!!!
-
Angela Williams commented
Please make this happen! The scroll bar shows up and works when I run the prototype locally. Why wouldn't this be the default for the shared design?
-
Matt Ryan commented
Unbelievable that this very basic functionality isn't in XD even three years after it was requested.
XD has 3D transforms (!?!) but not the ability to display the simplest possible web page mockup the way it will appear in a web browser. Please get the basics right before you tackle esoteric functionality.
-
Vince E commented
This is a "must have".
It is an expected standard web feature.
The prototype looks weak without it. -
Sam Chan commented
Agreed. Scroll groups should have the option to show or hide scroll bars around it. Thank you!
-
Dan commented
I'd second this. Especially now you can define scrollable areas. e.g. designing a website with a large vertical side menu - you cannot tell that there are more menu items.
-
Giulia commented
It is absolutely vital that you add this feature. This is compromising my usability tests with real users and I will be forced to go back to Invision to create prototypes to test if this is not solved.
-
Darko A commented
Scroll groups should have the option to show or hide scroll bars around it.
It is a good usability practice to show scroll bars to indicate there is more content available.
This is especially important when you apply it to enterprise app UI elements.
For example, in a huge data grid with pinned (frozen) columns, horizontal scroll bar is the only indicator of:
A) the fact that there are some frozen columns at the beginning or the end of the viewport
B) which columns are scrollable
I realize there are different scroll bars for different platforms, but it should be fairly easy to apply standard visualization for any given platform - mac when you see the prototype on mac, windows when you see it on windows, etc. -
Anonymous commented
Problème rédhibitoire !