Radcliffe 2: Cover block child blocks extend beyond top and bottom of block with multiple taller blocks

[thesacredpath]

User added heading, paragraph, image block (portrait image) and then a contact form to a cover block and due to the combined height of the blocks, they extended above and below the cover block top and bottom edges.

User screenshot: https://d.pr/i/HGhsPg/TOOvxXGUwJ

Test page created by user for us to see: https://onemoto.in/test-page-for-wp-team/

I gave user the following CSS to fix the issue on their site, but a previous HE suggested it was a theme bug, which I am not convinced of. The cover block has a height of 75vh set in the CSS, and there was just too much content added within the cover block. I'll leave it up to you as to whether this is worthy of a fix or not.

CSS added: /* force cover block height to auto so it adjusts to height of child elements inside 3743644-zd rs */ .wp-block-cover-image.alignwide, .wp-block-cover.alignwide, .wp-block-cover-image.alignfull, .wp-block-cover.alignfull { height: auto; }

On the test page user set up, you can see the results of my CSS, and can comment it out to see what happened previously.

Result

Items extend above and below cover block

Expected

User expected cover block to expand vertically to accommodate the blocks within

• User report: Chat: (Previous HE did not add link to chat transcript)
• Follow-up ticket: 3743644-zd

[Gustavo-Hilario]

• [ ] Another instance of this issue here: 7476641-zen

[github-actions[bot]]

Support References

This comment is automatically generated. Please do not edit it.

• [ ] 3743644-zen
• [ ] 7476641-zen

[liviopv]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Could Not Replicate

📌 FINDINGS/SCREENSHOTS/VIDEO The theme seems to use the minimum height value as the maximum on Simple Sites

Simple, Radcliffe 2

Simple, TT4

Atomic, Radcliffe 2

📌 ACTIONS

• Triaged