WebViewer Version: 11.12.0 (Upgraded from 10.10.1)
Do you have an issue with a specific file(s)?
Can you reproduce using one of our samples or online demos?
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?No
Is your issue related to annotations?Yes, specifically Signature stamp annotations
Please give a brief summary of your issue:
Overlapping signature widgets visually merge into one, and the adjacent widget disappears
after signing.
Please describe your issue and provide steps to reproduce it:
We recently upgraded from WebViewer 10.10.1 to 11.12.0. We have PDF templates where two
Signature Widgets are placed closely together and physically overlap.
In WebViewer 10, when a user clicked the overlapping area, the signature was placed
cleanly inside the targeted widget, and the other overlapping widget remained visible and
could be clicked and signed separately.
In WebViewer 11, we are experiencing a severe visual regression:
- When a user clicks the overlapping area, a single signature appears that visually covers both signature widgets, making it look as though they have “merged”.
- The second, adjacent signature widget completely disappears from the UI. It can no longer be seen or clicked.
Current Code State & Implementation Details:
We are not using any custom sizing or positioning logic when adding the signature. We simply capture the locationSelected event and call the standard addSignature() method with a
base64 image (the image itself is generated via HTML canvas at 190x80 and has a transparent background):
signatureTool.addEventListener('locationSelected', async (_, widget) => {
if (!widget) return;
await signatureTool.setSignature(signBase64Data);
await signatureTool.addSignature();
});
We are also using the legacy UI:
WebViewer.Iframe({
path: '/ext/plugins/pdftron-11.12.0',
css: '/webviewer-2023.6.1.css',
enableAnnotations: true,
disabledElements: ['header', 'toolsHeader', 'pageNavOverlay'],
ui: 'legacy'
}, document.getElementById('pdfViewer'))
Steps to Reproduce:
- Initialize WebViewer 11 using WebViewer.Iframe with ui: ‘legacy’.
- Load a PDF with two Signature Widgets that physically overlap (e.g., Left Box spanning X: 85-275, Right Box spanning X: 185-375).
- Click the center overlap zone between the two widgets.
- Observe that a single signature appears, visually bleeding across both boxes.
- Observe that the other overlapping widget entirely disappears from the viewer.