Gutenberg panels cover the content in tablet and mobile mode

[karlemilnikka]

Description

Gutenberg panels cover the content in tablet and mobile mode.

Steps to reproduce

1. Install a fresh WordPress site with GeneratePress or Astra as the theme.
2. Install GenerateBlocks 2.0 beta 3 and GenerateBlocks Pro 2.0 beta 3.
3. Write a lengthy post.
4. Enable any WordPress Gutenberg panel that’s shown below the content (not to the right of the content). WordPress’ native panel for custom fields works as an example (also tested with SEOPress and Pods).
5. Switch to tablet view or mobile view.

Actual behavior

The panels cover parts of the content.

Expected behavior

The panels should only be shown when the user has scrolled to the bottom (like in desktop mode).

---

References

generateblocks_gutenberg_panels_bug.mp4

[karlemilnikka]

Accidentally posted in the GeneratePress repo instead of the GenerateBlocks repo. See tomusborne/generateblocks#1581.