Switching from landscape to portrait causes UI issues on iPad

[data-sync-user]

Affected versions:

• 2.10.0 (2.202208282204)

Tested Platforms:

• iOS on iPad;

Prerequisites:

• Have a FxA account with an active subscription for Mozilla VPN;

Steps to reproduce:

1. Open the app and log in with the account from prerequisites;
2. Access Settings -  Tips & Tricks option - Tips;
3. Tap on a quick tip;
4. Rotate the iPad in landscape view;
5. Observe device menu bar options;
6. Go back to Settings and see Sign out button;

Expected result:

• 5: Menu bar is displayed in white color.
• 6: Sign out button has no UI or layout issues;

Actual result:

• 5: Menu bar is displayed in black color.
• 6: Sign out button is moved to the right.

Notes:

• Navigating away from the tips page, the menu color is correct but the Sign out button position remains broken.
• Reproducing in On-boarding screens as well;

┆Issue is synchronized with this Jira Bug ┆author: Valentina Virlics

[lesleyjanenorton]

I don't know why this was closed, the PR is still in review. Reopening.

[data-sync-user]

➤ Valentina Virlics commented:

Verified this on iOS 15 while using last TestFlight available build 2.10 (2.202209182004) (2673) and it is still reproducing.

Reopening.

[data-sync-user]

➤ Valentina Virlics commented:

Lesley Norton Observed that this fix only addresses the “Sign out” UI part. Confirming that the “Sign out“ button is positioned correct after restoring from landscape mode on iPad iOS 15 while using 2.10 (2.202209192004).

Should we track the other issue separately or how should we proceed? Thank you!

[data-sync-user]

➤ Lesley Norton commented:

Valentina Virlics lets go ahead and close this as we have another ticket for the menu bar coloring issues.