Web viewer - comment bubble moves down when zoom level changed

When creating annotation using comment bubble - set zoom level to 200% and add comment on top of the word “agreement”. When zoom level is reduced to 100% the comment bubble moves down by few pixels.

Is there a way to get the X, Y coordinates of the annotation when zoom level is 200% taking scaling into account, so the comment icon looks correctly places when zoom level is changed?

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

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


Hello there.

Thanks for the question regarding WebViewer.

This behavior is actually expected as StickyAnnotations (The comment bubble) have the NoZoom property set as true by default which means they don’t scale. To make them scale, you can simply set this property to false. See the code snippet below:

Webviewer(...).then(instance => {
  const { documentViewer, annotationManager, Annotations } = instance.Core;

  documentViewer.addEventListener('annotationsLoaded', () => {
    annotationManager.getAnnotationsList().filter(annotation => annotation instanceof Annotations.StickyAnnotation).forEach(annotation => annotation['NoZoom'] = false);

Let me know if this works for you and if you have any further questions.

Best Regards,

Diego Felix
Web Software Developer
PDFTron Systems, Inc.

CONFIDENTIALITY NOTICE: This message (and any attachment to it) is intended only for the use of the individual or entity to which it is addressed in the header, and may contain information that is privileged, confidential and exempt from disclosure under applicable law. Any reproduction, distribution, modification or use of the contents of this message (and any attachment to it) by any individual or entity other than the intended recipient is prohibited. If you have received this communication in error, please notify us immediately and delete the original.