Chrome 129+ Issues Affecting WebViewer UI with Web Component

Chrome 129 introduced changes that cause styling and other UI functionality to break in WebViewer when running in Web Component mode (v10.12).

Some issues reported so far include:

  • The left panel becoming misaligned when opened.
  • The selection tool and annotation notes line connector being offset.

Solution
The latest stable 10.12 build of WebViewer contains a fix for this issue. You can find it here: Apryse Developer Portal

Otherwise, this CSS change should also work.

If you apply the CSS: transform: scale(1) to the container, as noted here: css - how should position: fixed work in a shadow DOM root? - Stack Overflow that should resolve the above issues.

apryse-webviewer {
    transform: scale(1);
}