Playground toolbar pushes popover position down

[t-hamano]

Note: I am currently unable to determine whether this problem should be resolved in Playground or Gutenberg.

Description

Playground injects its own toolbar at the top of the browser. Perhaps this effect pushes down the popover component, for example.

If the block toolbar is not fixed, the toolbar will cover the block, making it difficult to edit the text.

Additionally, the padding and margin visualizers are also pushed down.

Step-by-step reproduction instructions

• Access https://playground.wordpress.net/.
• After you enter text in the paragraph block, check the position of the block toolbar.
• Check the visualizer that appears when you change the padding.

Screenshots, screen recording, code snippet

No response

Environment info

No response

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

[getdave]

cc'ing @adamziel so he is aware.

[colorful-tones]

Playground injects its own toolbar at the top of the browser. Perhaps this effect pushes down the popover component, for example.

This would seem to indicate that this is a Playground issue and should likely be reported and addressed accordingly, right? 🤔

Then we can remove this from Gutenberg.

[t-hamano]

As mentioned in this comment, it might have been caused by a library that Gutenberg depends on.

I tested it again with WP6.5 Beta1 (https://playground.wordpress.net/?php=8.0&wp=beta&storage=none) and it seems that this problem does not recur, so I would like to close it.