Product: WebViewer
Product Version: ^7.3
When decreasing the width of the WebViewer to 640px or less with sidePanel opened. The SidePanel claims 100% width and document is not show.
When the width of the WebViewer is more than 640px the SidePanel and document are shown.
The
<div/>
with the class virtualized-thumbnails-container
has an inline-style which sets the width to 243px. Besides this inline style, wrapping elements have media queries which trigger at 640px.
When decreasing the width of the WebViewer to less than 640px the SidePanel is resized to full with and overlaps the document.
The inline style of the <div/>
with the class virtualized-thumbnails-container
changes to width: 611px
.
Since inline (React css module?) styling is used, it seems not possible to change this behaviour.
Also since viewing the document has preference to viewing thumbnails this seems to me add behaviour.
Can be reproduced in the Webviewer demo; https://www.pdftron.com/webviewer/demo/
- Open document
- Open sideDrawer (Panel)
- Open Browser Developer Tools
- Enable Device Toolbar and set device width to 670px or less.