[Android] Mozilla VPN has UI issues while being in split screen mode

[data-sync-user]

Important details:

• second and third Actual results are also reproducing if Mozilla VPN app is displayed at the bottom of the screen while in split mode;

Affected versions:

• 2.19.0 (2.202311091720)

Tested Platforms:

• Android 13; 

Prerequisites:

• Have Mozilla VPN installed and open;
• Have a Mozilla account with an active subscription;
• Be signed in; 
• Have Mozilla VPN and another app in split screen (Mozilla VPN to be displayed on top of the screen);
• Have the VPN in ON state;

Steps to reproduce:

1. Observe the Mozilla VPN window width; 
2. Access the Testing speed screen and observe the screen;
3. Disconnect from the internet, press the refresh button from the “Testing speed” screen and observe the “Unexpected error” screen;

Expected result:

• The Mozilla VPN window has the width of the screen; 
• Testing speed screen is displayed, without any UI issues;
• “Unexpected error” screen has a scroll bar;

Actual result:

• The Mozilla VPN window is narrower than screen width;
• The bottom of the activation panel is displayed below the testing speed screen. “Select location” section is also displayed while the “Testing speed” screen is open; 
• “Unexpected error” screen does not have a scroll bar;

Notes:

• See the attached video and ss;

┆Issue is synchronized with this Jira Bug ┆Reporter: Bianca Hidecuti

[data-sync-user]

➤ Matt Lichtenstein commented:

FWIW, it is not an android-specific bug, more of a very-small-viewport bug

[data-sync-user]

➤ Naomi Kirby commented:

From the description it seems like the only significant app breakage occurs in the speed test screen, in which case this issue may become a wont-fix when we come to a decision regarding https://mozilla-hub.atlassian.net/browse/VPN-5703 ( https://mozilla-hub.atlassian.net/browse/VPN-5703|smart-link )

While the app may not be as pretty when reduced to such a small viewport, the rest of app continues to remain functional and that is probably acceptable.

[data-sync-user]

➤ Bianca Hidecuti commented:

There are UI issue on the onboarding screen as well, while being in split screen mode.

!ImportedPhoto_1708439688209.jpg|width=793,height=1763!

[data-sync-user]

➤ Valentina Virlics commented:

The testing speed screen was removed with https://mozilla-hub.atlassian.net/browse/VPN-5703 ( https://mozilla-hub.atlassian.net/browse/VPN-5703|smart-link ) and while using 2.21 latest Mozilla VPN build on Android 14, there is no UI issues in split screen while in on-boarding.

Marking this as verified-fixed.

!Screenshot_20240321_113629_One UI Home.jpg|width=1080,height=2340!