Incorrect popover placement [6.2]

[ndiego]

Description

First reported in Trac: #57730

In 6.2 Beta 2 without Gutenberg active, the position of the block inserter popover is occasionally incorrect. See the gifs below. Note this might be related to #47923.

Step-by-step reproduction instructions

1. Using 6.2 Beta 2, create a new post/page.
2. Using the inserter in the Editor, add an image block. Notice that the popover is in the correct position.
3. Again, using the inserter in the Editor, go to add another block. Notice that the popover is located too far below the inserter button. The results were even more dramatic in #57730.

Screenshots, screen recording, code snippet

WordPress 6.2 Beta 2 (Incorrect position)

WordPress 6.2 Beta 2 + Gutenberg Trunk (No Issues)

WordPress 6.1.1 (No Issues)

Environment info

• WordPress 6.2 Beta 2

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

[t-hamano]

I was also able to reproduce it in WordPress 6.2 Beta2.

If you make any changes to the content, perhaps as shown below, the popover will be misaligned when you click on the root level inserter:

block-theme.mp4

---

Curiously, this problem is not reproduced in the classic theme:

classic-theme.mp4

[paaljoachim]

I happen to open a new issue which I have now closed as a duplicate.
#48234
Here is the initial comment I made.

Using the Site Editor.
Open List View. Then explore various blocks such as Nav block. Add a new link. Notice the modal is partly outside the right edge of the browser.
Then add a new link in the Social Links block. Again notice the modal is even further outside the right edge of the browser.

Step-by-step reproduction instructions
Go to the Site Editor.
Open List View.
In the Nav block add a new link. Notice location of popup link modal.
Add a Social Links block and add a service.
Notice the location of the modal popup.
Screenshots, screen recording, code snippet
Here is a reply:
https://app.replay.io/recording/page-template-editor-bluewinddesign-wordpress--1c3580d8-3826-4de8-ad21-5bf233de809d

Environment info
WordPress 6.2 beta 2
WordPress Beta Tester plugin
Twenty Twenty Three

[ciampo]

As reported in #47923, a fix might have been identified and merged (#48237)

The next release of the beta should hopefully solve this issue 🤞

[t-hamano]

I have confirmed that this issue is not reproduced in WordPress 6.2-beta3-55401 without Gutenberg enabled. If no one else can reproduce this issue, let's close this issue and focus on #47923, which is discussed in more depth.