Scrollbars in Browserpreview

[ronald pottkaemper]

Hi Community,

just noticed that no scrollbars appear in XD's browser preview.

XD settings for the artboard:
Height: 984 px
Viewport: 667px
Scroll: vertical

Then via> Share> Display Settings: Presentation (but it doesn't really matter which setting you make here). Link created and copied.
If you then look at the page in the browser, e.g. so: https://xd.adobe.com/view/7e6b2412-c2e9-4fcb-8088-f80b2c91f0b8-2b38/?fullscreen
no scrollbars appear. Tested on Mac with FF and Chrome.
You can click in the browser window and drag with the mouse button pressed to scroll, but it is not exactly for the end user  in the sense of an understandable and user-friendly operation.

If you go into the source code, which can be viewed in the browser, you will find
<div id = "root-1" style = "position: relative; width: 100%; height: 100%; overflow: hidden; cursor: default;" tabindex = "- 1"> <div id = "scroll-container-1" style = "display: block; position: absolute; overflow: hidden; inset: 0px 302px;"> <div id = "scroll-1" style = "display: block; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden auto; user-select: none; padding-right: 15px;"> <div style = "display: block; position: absolute; width: 1075px; height: 1660px;"> </div> </div> </div> <canvas id = "canvas-1" style = "display: block; width: 100%; height: 100%; " width = "3358" height = "1612"> </canvas> </div>

If you change the overflow: hidden; attribute, but only in DW or in the developer settings of the browser, scrollbars can be seen.

Does anyone know whether and how to set the scrollbars to be seen automatically in XD or in the cloud?

Greetings and thanks, Ronald

[HARSHIKA_VERMA]

Hi there,

Thank you for reaching out. Are you referring to the horizontal and vertical scrollbar in browser? If so, please see this post: https://community.adobe.com/t5/adobe-xd/horizontal-scrolling-not-working-in-xd-30-0-on-windows/m-p/1...

Let us know if that helps.

Thanks,

Harshika