Table Block: Block margin override layout margin

[t-hamano]

Description

The Table block itself has margin: 0 0 1em value. This selector has a higher specificity, so it overrides the margins above the blocks and eliminates the white space between the blocks.

From what I remember, the selector specificity of the layout was reduced. I think this may have brought this issue to the surface. The figure element, which is a wrapper element for the table block, already has a low-specificity style. Therefore, I think the block margin should be removed.

By the way, this style for the Table block exists in theme.css. However, an issue has been reported in #54783 where the Gutenberg plugin's theme.css cannot override the core theme.css. Therefore, it is not possible to debug whether or not removing the block margin has resolved the issue. Regarding this issue, I submitted #54936.

Step-by-step reproduction instructions

• Insert multiple blocks, including the table block.
• There should be no margin above the table block.

Screenshots, screen recording, code snippet

No response

Environment info

• WordPress 6.4-RC1
• I also reproduce it with the latest Gutenberg trunk.

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

[annezazu]

@t-hamano thanks so much for opening all these various issues! Can you please start including GB and WP versions when you do so? We are in the middle of the 6.4 cycle and it's critical we know which issues are relevant for triaging purposes.

[t-hamano]

Sorry for causing confusion. In the issue I recently submitted, I added information about whether the problem is occurring with WordPress 6.4RC1 or the latest Gutenberg.

[t-hamano]

This issue seems to be resolved in the latest Gutenberg. I think the following PRs are probably related.

• #57699: Margin has been removed from the table block
• #59457: Margin specificity has been reduced