iPhone bug on InkSignature pad (Signature modal) while canvas is zoomed

WebViewer Version: 10.12.0

Do you have an issue with a specific file(s)?
No, but I think the problem is with the SignatureCreateTool. (Core)

Can you reproduce using one of our samples or online demos?
Yes, I have reproduced it while using WebViewer as a component. The iframe works fine. I also built the webviewer-ui repository, and it has the same issue.

Are you using the WebViewer server?
No.

Does the issue only happen on certain browsers?
Yes, it’s happening on mobile Safari, Chrome… (iPhone), but Android devices seem to be fine.

Is your issue related to a front-end framework?
No.
Is your issue related to annotations?
Yes.

Please give a brief summary of your issue:
When the signature pad is zoomed in on Safari, the signature ink does not align properly beneath the finger.

Please describe your issue and provide steps to reproduce it:
Use WebViewer as a web component. Open the signature modal, zoom in with your fingers, and try to create a signature. You will notice that there is a misalignment between the finger and the actual signature. I used Safari on iOS 17.6.1. I believe this issue is related to all mobile iOS devices.

I have tested it with older versions of the webviewer-ui repository, and the last working version was 8.8.0. In the next version, 8.9.0, a “fix” was introduced—Fixed issue with invalid default scale values on tools (please clear your cache first). I suspect this could be the root of the problem. Also from changelog I saw that you added new methods to the SignatureCreateTool, which makes them another potential source of problems.

PS: I am a fronted developer who is working for a client(Signit) with a paid Apryse license, so it’s important that this bug is resolved as soon as possible, as it is quite urgent. If any further information is needed, feel free to contact me at tarik.ibranovic@signit.sa.

Kind regards.