VideoPress block does not have an explicit line-height attribute

[lailagmelo]

Impacted plugin

VideoPress, Jetpack

Quick summary

The VideoPress block does not have an explicit line-height attribute and instead uses the attribute from the body tag, resulting in undesired space appearing below the block.

Steps to reproduce

1. Place a VideoPress block in a new page, preferably inside a column block;
2. Set all margin and padding to zero;
3. Notice that there's still some spacing below the block.

A clear and concise description of what you expected to happen.

VideoPress block should have no spacing below it, when the bottom padding is set to zero.

What actually happened

VideoPress block displays some bottom spacing.

Impact

Some (< 50%)

Available workarounds?

Yes, easy to implement

If the above answer is "Yes...", outline the workaround.

If the user does not have anything other than the VideoPress block inside that column, you can ask them to manually set the line-height of the column to zero.

If they have text in the same column that might be impacted, the only workaround I know so far is to add the following CSS:

.jetpack-videopress-player__wrapper { line-height: 0; }

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Logs or notes

Ticket that brought this issue to our attention:

9247293-zd-a8c

[github-actions]

Support References

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

• 9247293-zen

[jartes]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated
• Replicable outside of Dotcom – Yes (with Jurassic Ninja)

📌 FINDINGS/SCREENSHOTS/VIDEO

📌 ACTIONS

• Triaged

👋🏻 @Automattic/nexus This is coming from a customer report. Can you review it at your earliest opportunity? Thank you!