Calculator: Main menu has multiple open animations

[abcasada]

Describe the bug

Immediately after opening the app, upon clicking the upper left menu button, the menu expands with an animation that visually appears to move diagonally from the lower left corner of the app. After closing the menu, subsequent clicks to open the menu use a different animation that visually appears to move horizontally from the left edge of the app.

While it's very subtle, having different animations is visually confusing to me, when there is not an apparent reason (i.e. starting from two different states). Perhaps there is a reason that I missed; however, if the reason is not obvious, maybe it is not a good reason.

Steps To Reproduce

1. Open the Calculator app
2. Click the hamburger menu at top left
3. Observe the animation of the menu opening
4. Click menu again to close
5. Click menu again to open
6. Observe the different animation

Expected behavior

Every time the menu is opened from the normal state, it performs the same animation.

Device and Application Information (please complete the following information):

• OS Build: 10.0.17134.0
• Architecture: X64
• Application Version: 10.1812.10048.0

Additional context

None

[MicrosoftIssueBot]

This is your friendly Microsoft Issue Bot. I've seen this issue come in and have gone to tell a human about it.

[grochocki]

Good catch! Subtle, but there are definitley different animations. This may ultimatley be a bug in the NavigationView control, but we should take a look.

[youlingwangzi]

真的有这个问题，第一次打开menu的动画和后续的动画不一致。

There really is this problem, the first time to open the menu animation and subsequent animation is inconsistent.

Note: A team member edited this comment to add translation via Bing Translator

[mdtauk]

It could be a theme transition on the navigation view items when they first render in the side pane, compared to the slideout being triggered when the items are already loaded

[DragoCubed]

It's the same with the about popup

[MahdiGhiasi]

Is this issue still exists?

I just built the project from master branch, and now multiple animations on first menu open only happens for the 'About' button at the bottom of list, not for others. (As opposed to the current production release where it happens for all items)

[grochocki]

now multiple animations on first menu open only happens for the 'About' button at the bottom of list, not for others.

I am seeing this now too. The "About" button is in the footer, which makes it different from the other menu items. Perhaps, #484 addressed the other menu items with the update to WinUI 2.1.

Keeping issue open to track the odd "About" button animation.

[MahdiGhiasi]

It seems that the NavigationViewList which is used there has a EntranceThemeTransition by default in its ItemContainerTransitions. I removed the transition in #506 and it now enters just like the other menu items.