Pinch zooming gestures breaking overlay on Android (Brave) and iPad (Safari)

Version: 11.2.0
Devices: iPad (iOs safari), Android (on Brave)

Pinch zooming on touch devices are causing problems with the overlay, where
the overlay rectangle stays locked to the top left of the layout viewport (this is the main problem), and is the size of the visualviewport (this is fine).
But because the overlay is not moving, part of the document does not have the overlay, which allows you to interact with this part of the document (despite it disallowing pinch and pan gestures), plus the overlay looks weird.

on desktop devices, when you change the zoom level (by doing ctrl+scrolling) the overlay seems to fix itself, but this process does not seem to happen on these touch devices.

This happens on https://shepherdjs.dev/ as well.

On a Chromebook, pinch zooming seemingly works correctly.

Reproduce the issue on the Shepherd demo using iPad Safari and Android Brave, then trace the overlay's handling of pinch zooming and visual-viewport changes. Done means the overlay remains aligned with the document and continues preventing interaction outside it after touch-device zooming, while preserving the behavior that already works on Chromebook and desktop.