Do you have an issue with a specific file(s)? No
Can you reproduce using one of our samples or online demos? No
Are you using the WebViewer server? No
Does the issue only happen on certain browsers? No
Is your issue related to a front-end framework? Yes
Is your issue related to annotations? Yes
Please give a brief summary of your issue:
I am working on an Angular project. I upgraded the webviewer verison to the latest (11.4.0) and encountered a problem.
My webviewer is inside other components and the overall webpage has an scoll.
When the scroll is all the way up, if I insert a FreeText annotation, the location of the annotation is correct but if I scroll down on the page (not inside the webviewer) and the insert a FreeText Annotation, the annotation is inserted a coumple pages down.
I know it is defenetly a scroll problem and in your samples I could not find one with an outside scroll.
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 the position of FreeText annotations is affected by the scroll position of the page outside of WebViewer. This could be due to the way the coordinates are calculated when the page is scrolled, as the WebViewer may not be accounting for the scroll offset of the outer page.
Some things you can try:
Ensure that the WebViewer container is set to a fixed position relative to the viewport to prevent external scroll from affecting it.
Check if the WebViewer’s bounding box is correctly updated when the page is scrolled. You might need to manually adjust the coordinates based on the scroll position.
Consider using event listeners to track scroll events on the outer page and adjust the annotation positioning accordingly.
Ensure that the latest version of the WebViewer is correctly integrated with your Angular project, and check for any specific integration guidelines for Angular.
Debug the annotation’s position calculation by logging the coordinates before and after the scroll to identify discrepancies.
Here are some resources that might help you:
Annotations Guide - Learn how annotations work and how they can be manipulated programmatically.
UI Customization Guide - Explore how to customize the WebViewer UI, which might help in managing the scroll behavior.
Angular Integration Guide - Ensure that your Angular setup is correct and follows the recommended practices.
Advanced Customization - This might help with handling complex UI interactions like external scroll.
Hopefully, this helps you solve your problem while you wait for a human to get back to you.
We have made improvements to WebComponent regarding this issue. Can you please try our 11.5 experimental and see if this resolves your issue? Apryse Developer Portal
Thank you for providing the experimental version. The issue is fixed in version 11.5
In regards of the release of the official version, when will it occur. Does it take a long time (more than a couple months). The application that uses your tool is already in production so I was wondering how long would it take so we decide whether to wait or to keep working with an older version in the meantime.
