modal scale and position is affected by pinch-to-zoom on iOS

[ARodsIsland2]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Modal size and position seems to scale inappropriately when the user pinch-zooms on an iOS device.

I did see your note in the Modals and Dropdowns on Mobile section of the Browsers and Devices page:

Page zooming inevitably presents rendering artifacts in some components, both in Bootstrap and the rest of the web. Depending on the issue, we may be able to fix it (search first and then open an issue if need be). However, we tend to ignore these as they often have no direct solution other than hacky workarounds.

This may be one of the "rendering artifacts" you meant, but I suspect not.

Reduced test cases

This can be observed directly in the live demo on the Bootstrap Modal page.

Here's a recording of me doing that.
https://youtube.com/shorts/5doz5L4y1R4

Note in the video it seems to affect the navbar as well. ¯_(ツ)_/¯

What operating system(s) are you seeing the problem on?

iOS

What browser(s) are you seeing the problem on?

Safari

What version of Bootstrap are you using?

v5.2