[Bug] Navigation buttons are almost invisible with new tab tray and private mode

[B0pol]

Steps to reproduce

1. enable new tab tray in secret settings
2. Set white theme in settings
3. Go to private mode (click on the button at the top left, don't just click on the icon in the tabs drawer)
   1. Expected behavior
      I can see the navigation buttons
   2. Actual behavior
      It's white on white:
      
      there is no problem with normal mode and dark theme
      
      or normal mode + white theme
   3. Device information

• Android device: Android 9: Pocophone F1, /e/ 0.9 (fork of LineageOS 16.0), no google services but microG.
• Fenix version: Nightly 200531 06:00. Still reproducible with Nightly 200622 06:01.

┆Issue is synchronized with this Jira Task

[cadeyrn]

Android device: 9

Maybe you should provide more information about your device such the vendor and model name because it doesn't seem to affect all devices. I can't confirm this issue on the OnePlus 7T Pro with Android 10.

[ghost]

This is how it looks on my device, Motorola One Power, Android 10. Definitely the button are being shaded.

[cadeyrn]

@Ss1113 It seems that your builds does not yet contain #11010 ("Add white/dark BG for Android bottom bar (currently it has opacity)").

[ghost]

@cadeyrn The issue is now not reproducible in normal mode after the latest Nightly however the buttons are shaded in white in Private browsing mode.

Device: Motorola One Power, Android 10.
Fenix: Nightly 200601 06:00.

[cadeyrn]

Screenshot from OnePlus 7T Pro McLaren with Android 10:

So it seems device specific and not Android specific since we both use Android 10.

[ghost]

@cadeyrn Yeah, that seems to be the case since I'm not able to reproduce this on Realme C3, Android 10.

[yoasif]

Also seeing this on Pixel 2 (Android 10).

[Diana-Rus]

Hi, reproducible with Sony Xperia Z5 (Android 7) and Samsung Galaxy S9 (Android 8) with Light theme, in normal and private tabs tray,Nightly 6/22.
With Google Pixel 3 XL (Android 9) the device button's are visible.

[B0pol]

Android device: 9

Maybe you should provide more information about your device such the vendor and model name because it doesn't seem to affect all devices. I can't confirm this issue on the OnePlus 7T Pro with Android 10.

Pocophone F1, /e/ 0.9 (fork of LineageOS 16.0), no gapps but microG.

[cadeyrn]

Do we already know the cause of this issue?

In the Firefox support another user reported this issue. He has a Honor 7 with Android 6.

[ghost]

Still reproducing on Nightly 200704 18:05 in Private Browsing Mode.
Device: Motorola One Power, Android 10.

[Diana-Rus]

Hi, issue is fixed, now the android navigation bar has visible buttons for user with the devices on which i encountered them: Sony Xperia Z5 (Android 7) and Samsung Galaxy S9 (Android 8) which have had problems before with the navigation bar when tabs tray was opened.

Sony Xperia Z5 - GIF- Nav bar - Tabs tray - Dark mode,Light mode and Private mode

Samsung Galaxy S9 - GIF- Nav bar - Tabs tray -Dark mode,Light mode and Private mode

Note:

• Even though the issue is fixed it seems that the navigation bar color is inconsistent on different devices/OS, when light mode is used, in both normal mode and private mode, can be seen in the added GIF's