Repository navigation
Media & Text: text content should use layout flow spacing #70264
Description
Description
The first element inside the content of this block will keep its top margin if it has one. For example, headings or paragraphs have a top margin inherited from the browser styles.
I expect the inner content of this block to be spaced like other blocks.
I suggest to add the following classes to the text content part is-layout-flow and wp-block-media-text__content-is-layout-flow.
Step-by-step reproduction instructions
- Add a Media Text block
- Add some content
- See that the first item keeps it top margin (heading, paragraph)
Screenshots, screen recording, code snippet
Environment info
- WordPress 8.1
- Firefox
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
Please confirm which theme type you used for testing.
- Block
- Classic
- Hybrid (e.g. classic with theme.json)
- Not sure
Activity
Rishit30G commentedon May 30, 2025
Thanks for sharing the issue,
I have added the
is-layout-flowclass, please let me know if this is the expected behaviour for the text contentScreen.Recording.2025-05-30.at.8.30.23.AM.mov
benoitchantre commentedon May 30, 2025
Yes, this is the expected behavior.
Also, I you split your text in two, you will see that the spacing between the two elements uses the expected value.
Thank you for your test.
Rishit30G commentedon May 30, 2025
Noted, I'll raise a PR soon for this 📝
Thanks
t-hamano commentedon Jun 2, 2025
Thanks for the report.
These classes should be applied via the blockGap support, but there is another suggestion to add the gap between the image and the content.
Let's discuss this issue in #67208.
benoitchantre commentedon Jun 2, 2025
Thank you