Menu divider margins out of spec

[thw0rted]

What is the expected behavior?

The menu spec shows that a divider in a menu is supposed to have an 8px top/bottom margin.

What is the current behavior?

In the current implementation, the margin is zero.

What are the steps to reproduce?

StackBlitz

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

All? I guess?

Is there anything else we should know?

Trackback to #2017, where the feature was introduced.

[devversion]

Ideally we'd fix this for our MDC-based menu (#16247). It seems like it would be good to figure out how that menu implementation plays together with the standalone @angular/material/divider.

MDC fixed this, and their demo's show this correctly.. Though our MDC-based menu currently still uses the non-mdc divider.

[jelbourn]

Going to close this as a duplicate of #19248 since I already commented on that one; I don't think this is automatically fixed by MDC because the way we use mat-divider.

[devversion]

@jelbourn Sounds good. I didn't realize we had another issue for this. FWIW: I added Fixed in MDC as MDC has this fixed in their menu-surface implementation, but just not we in our MDC-based version. The label might be slightly ambiguous.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}