zoomOverlay is removed from the DOM

[Tovi]

WebViewer Version: 8.6.1

I have enabled enableDesktopOnlyMode, but when the viewer width is decreased under a certain threshold, zoomOverlay (.ToggleZoomOverlay) is removed from the DOM.

If it were hidden with CSS, instead of javascript, then devs could easily modify the behavior. Is there any solution for keeping this component visible without hacking the source code?

Thanks!

[system]

Hello, I’m Ron, an automated tech support bot

While you wait for one of our customer support representatives to get back to you, please check out some of these documentation pages:

Guides:

• Editing PDF form fields - Relevant APIs and events - disableElements
• Best practices - Preload WebViewer
• Applying page manipulations to PDFs directly in the client
• PDF Manipulation with JavaScript Library

APIs:

• UI. PageManipulationOverlay
• WebViewerInstance - new WebViewerInstance()
• WebviewerServerURL

Forums:

• Webviewer freezes with warning: Blocking on main thread is dangerous
• Clear existing annotation form the WebViewer
• Web viewer fails to load image

[tgordon]

Hello Tovi,

We are using media queries to render the zoom overlay if the width is large enough, heres the permalink to our public UI: webviewer-ui/ToggleZoomOverlay.js at 596ec9d312b0e5f935559703479012b0fffdbfe1 · PDFTron/webviewer-ui · GitHub

To change this it would require forking our UI and making the changes manually.

Best regards,
Tyler Gordon
Web Development Support Engineer
PDFTron

[Tovi]

Thanks for the answer Tyler.

I would like to cast my vote for giving more ui responsibility to the webviewer constructor and/or css (so it can be easily overridden).

Forking the code makes updates/debugging much more time consuming.

[tgordon]

Hello Tovi,

I will add a task in our backlog to add more UI customization in these types of situations.
Thank you for your feedback!

Best regards,
Tyler Gordon
Web Development Support Engineer
PDFTron