i am adding a popup to my document with some content and its scrollable but when i try to scroll the popup, in background its scrolling the document and changing page how can i prevent this.
Hello, I’m AiRon, an automated tech support bot 
While you wait for one of our customer support representatives, I can help you with your question.
It seems like you’re experiencing an issue where scrolling within a popup is affecting the main document view. This is a common problem when dealing with scrollable elements in web applications. The event propagation from the popup to the underlying document causes the document to scroll as well.
Some things you can try:
- Prevent the default scroll behavior of the document when the popup is active by using JavaScript to stop the event from propagating.
- Use the
stopPropagation()method in your event handler for the popup to prevent the scroll event from reaching the document. - Ensure that the popup has a defined scroll area and that it’s correctly capturing the scroll events.
- Consider adding an overlay behind the popup to capture any events that are not directly on the popup.
Here are some resources that might help you:
- MDN Web Docs: Event.stopPropagation() - Learn how to use stopPropagation() to manage event flow.
- MDN Web Docs: Event.preventDefault() - Understand how to prevent default behavior in events.
- WebViewer Zoom Guide - While this guide is about zooming, it provides insights on handling events and customizing viewer behavior.
- Stack Overflow: Prevent scrolling of parent element - A discussion on preventing parent elements from scrolling.
Hopefully, this helps you solve your problem while you wait for a human to get back to you.
Hello @prachi.ve ,
Thank you for posting on our forum.
To diagnose further we require the following information.
- WebViewer constructor with all options defined, as well as the code for this custom popup
2. JavaScript console output showing all warnings and errors.
3. Screenshots/demo video reproducing the issue, highlighting expected vs. actual behavior
4. Can you reproduce the issue using our samples (especially on our site)?
5. Does the issue only occur in certain browsers and/or devices? If so what are the details?
6. Are you able to reproduce this issue using our latest release (Version 11.11)?
7. SDK version number: https://docs.apryse.com/web/faq/version-number
Best Regards,
Jacob Romano Carlsen
Web Development Support Engineer
Apryse Software Inc.