[Wave 8] [Ideal Nav] Navigation Animations are incorrect

[hayata-suenaga]

Action Performed:

There are some issues reported that have to do with a wrong animation direction when navigating to a different page on smaller and mobile screens. Following are some of the issues reported.

Issue 1:

1. Make sure you're on a mobile phone or on a browser with a smaller width
2. Make sure that the test account has at least one workspace
3. Click on the Settings icon 🔧 on the bottom tab > Workspaces > Select a workspace

video -> #33280 (comment)

Case2:

1. Make sure you're on a mobile phone or on a browser with a smaller width
2. Click the Chat button on the bottom tab
3. Select a chat/report
4. Go back
5. Confirm that the Chat List page opens from the right when the page should close to the left (watch the video)
6. Click the Settings (🔧) button on the bottom tab
7. Confirm that the Setting page opens from the right when the page should not animate. Only the part above the bottom tab should change without animation.

RPReplay_Final1706701018.mp4

case 3:

1. Click the Settings button on the bottom tab > Workspaces
2. Click the back button (left chevron icon)
3. Confirm that the Chat List page opens from the right when the Workspace List page should close to left to go back to the Settings page

Screen.Recording.2024-01-26.at.2.56.00.AM.mov

Workaround:

N/A

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Videos are attached above.

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @adelekennedy (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details.

[hayata-suenaga]

I consolidated this issue with [Wave 8] [Ideal Nav] Back navigation issues