Popovers and Tooltips are wrongly positioned for UI elements inside iframe

[yupal]

Description

Tooltips and Popovers are wrongly positioned when you hover over UI elements inside the block editor iframe.
This happens inside both the page and theme editor. On popovers that use the getAnchorRect this issue is not present, but it can be seen for example on the default block appender.

Step-by-step reproduction instructions

1. Open the block editor for pages
2. Go to tablet / mobile mode
3. Insert for example a columns block and hover over the variations.
4. Please note the tooltip position.

OR

1. Open the block editor for pages
2. Go to tablet / mobile mode
3. Select a column and click on the inserter at the bottom-right of the column
4. Please note the popup position

Screenshots, screen recording, code snippet

Example of tooltip issue:

Example of popover issue:

Environment info

WordPress 6.2-Beta3 with no other plugin

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

[yupal]

I think this issue is still reproducing on WP6.2-RC1

Here are some examples inside the Site Editor where the quick inserter is wrongly displayed:

On desktop:

On mobile:

I tested it on WP6.2-RC1 with no other plugin installed, and with the Twenty Twenty-Three theme