MenuFlyout submenu should align to its origin menu item

[adrientetar]

When opening a MenuFlyout submenu, the submenu items should vertically align with the origin menu item. It seems that the padding at the top of MenuFlyout isn't currently accounted for.

Image posted by @chigy in #1445

[jevansaks]

@chigy should we remove the top/bottom padding on the menu? That would make this easy to solve. :)

[chigy]

@chigy should we remove the top/bottom padding on the menu? That would make this easy to solve. :)

No, that was already discussed with design and decided they do not want the padding removed.

[jevansaks]

Hmm ... ok, do you have a comp for what it should look like? @karenbtlai was suggesting that it might look unbalanced/misaligned in other states if we try to shift the flyout position to address this.

[chigy]

@karenbtlai , Could you explain what the problem might be?

Before

After

[jevansaks]

I'm not sure if there's a way to do this with just style/template changes. In theory a negative Margin could do it, but IIRC we used to have that and removed it because of some shadow stuff. Is that right, @kaiguo?

[kaiguo]

I'm not sure if there's a way to do this with just style/template changes. In theory a negative Margin could do it, but IIRC we used to have that and removed it because of some shadow stuff. Is that right, @kaiguo Kai Guo FTE?

I think negative margins were removed because the way we positioning popup changed, and we switched to vertical/horizontal offset instead.

Looks like we don't want to remove the top padding, and don't want to shift flyout position either, what's the suggested change?

[jevansaks]

don't want to shift flyout position either, what's the suggested change?

I believe @chigy is requesting to change the flyout position. Is that possible in WinUI today?

[github-actions]

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 5 days.