Social Icon: strange behavior when List View is open & trying to add a link

[annezazu]

Description

When editing social icons, if you have the List View open, the link control ends up being quite separated out from the block itself:

This came up as part of the third call for testing for the FSE Outreach Program.

Step-by-step reproduction instructions

1. Add the Social Icon Block
2. Open List View
3. Add a new link to the social icon block
4. See the link control separated out from the block itself.

Expected behaviour

I expect the link control to be in line with the block I'm editing.

Actual behaviour

The link control is all over the place including bleeding into the List View if the block is close by or extending beyond the editor.

Screenshots or screen recording (optional)

list.view.social.icon.mov

Further, if you move the block closer to the List View, it then bleeds into the List View itself:

WordPress information

• WordPress version: 5.7
• Gutenberg version: 10.2
• Are all plugins except Gutenberg deactivated? Yes
• Are you using a default theme (e.g. Twenty Twenty-One)? TT1 Blocks

Device information

• Device: Desktop
• Operating system: MacOS
• Browser: Chrome 88

[annezazu]

This is still a problem with 10.6.1:

[Mamaduka]

I think this issue was fixed via #32525.