Skip to content
This repository was archived by the owner on May 1, 2024. It is now read-only.

[Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon, and Color is set to White or Black #15048

Open
iupchris10 opened this issue Jan 12, 2022 · 0 comments
Labels
a/toolbar p/iOS 🍎 s/unverified New report that has yet to be verified t/bug 🐛

Comments

@iupchris10
Copy link

iupchris10 commented Jan 12, 2022

Description

The color of a ToolbarItem displays incorrectly when the IconImageSource is a FontImageSource and the Color property is set to White #ffffff (for dark mode) or Black #000000 (for light mode). ANY other color displays correctly.

Steps to Reproduce

  1. Create a ContentPage within a NavigationPage
  2. Add a ToolbarItem to the page, using FontImageSource for the icon.
  3. Set the Color to "Black" in Light mode OR "White" if Dark mode.

Expected Behavior

The icon should be "Black" in Light mode.
The icon should be "White" in Dark mode.

Actual Behavior

The icon is "SystemBlue" instead of the expected color.

Basic Information

  • Version with issue: 5.0.0.2291

  • Last known good version:

  • Platform Target Frameworks:

    • iOS: 15.2
    • Android: issue does not occur on Android
  • Affected Devices: iPhone 11

Environment

Show/Hide Visual Studio info
=== Visual Studio Enterprise 2019 for Mac ===

Version 8.10.16 (build 2)
Installation UUID: 3b028290-31e6-4d61-9a17-00e69f6c74b7
	GTK+ 2.24.23 (Raleigh theme)
	Xamarin.Mac 6.18.0.23 (d16-6 / 088c73638)

	Package version: 612000162

=== Mono Framework MDK ===

Runtime:
	Mono 6.12.0.162 (2020-02/2ca650f1f62) (64-bit)
	Package version: 612000162

=== Roslyn (Language Service) ===

3.10.0-4.21269.26+029847714208ebe49668667c60ea5b0a294e0fcb

=== NuGet ===

Version: 5.9.0.7134

=== .NET SDK (x64) ===

SDK: /usr/local/share/dotnet/sdk/5.0.404/Sdks
SDK Versions:
	5.0.404
	5.0.400
	5.0.302
	5.0.301
	5.0.203
	5.0.201
	5.0.103
	5.0.102
	5.0.100
	3.1.416
	3.1.412
	3.1.411
	3.1.410
	3.1.409
	3.1.407
	3.1.406
	3.1.405
	3.1.403
	3.1.402
	3.1.300
	3.1.200
	3.1.102
	3.0.103
	3.0.101
	3.0.100
	2.2.402
	2.1.701
	2.1.403
	2.1.302
	2.1.4
MSBuild SDKs: /Applications/Visual Studio.app/Contents/Resources/lib/monodevelop/bin/MSBuild/Current/bin/Sdks

=== .NET Core Runtime ===

Runtime: /usr/local/share/dotnet/dotnet
Runtime Versions:
	5.0.13
	5.0.9
	5.0.8
	5.0.7
	5.0.6
	5.0.4
	5.0.3
	5.0.2
	5.0.0
	3.1.22
	3.1.18
	3.1.17
	3.1.16
	3.1.15
	3.1.13
	3.1.12
	3.1.11
	3.1.9
	3.1.8
	3.1.4
	3.1.2
	3.0.3
	3.0.1
	3.0.0
	2.2.7
	2.1.23
	2.1.22
	2.1.18
	2.1.16
	2.1.15
	2.1.14
	2.1.12
	2.1.5
	2.1.2
	2.0.5

=== .NET Core 3.1 SDK ===

SDK: 3.1.416

=== .NET 5.0 SDK ===

SDK: 5.0.404

=== Xamarin.Profiler ===

Version: 1.6.15.68
Location: /Applications/Xamarin Profiler.app/Contents/MacOS/Xamarin Profiler

=== Updater ===

Version: 11

=== Apple Developer Tools ===

Xcode 13.2 (19585)
Build 13C90

=== Xamarin.Mac ===

Xamarin.Mac not installed. Can't find /Library/Frameworks/Xamarin.Mac.framework/Versions/Current/Version.

=== Xamarin.iOS ===

Version: 15.4.0.0 (Visual Studio Enterprise)
Hash: 8fc41ae82
Branch: xcode13.2
Build date: 2021-12-09 01:07:56-0500

=== Xamarin Designer ===

Version: 16.11.0.39
Hash: cd672761d
Branch: remotes/origin/d16-11
Build date: 2021-10-06 21:09:18 UTC

=== Xamarin.Android ===

Version: 12.0.0.3 (Visual Studio Enterprise)
Commit: xamarin-android/d16-11/f0e3c2d
Android SDK: /Users/christopherboehm/Library/Developer/Xamarin/android-sdk-macosx
	Supported Android versions:
		7.0 (API level 24)
		7.1 (API level 25)
		8.0 (API level 26)
		8.1 (API level 27)

SDK Tools Version: 26.1.1
SDK Platform Tools Version: 31.0.2
SDK Build Tools Version: 30.0.2

Build Information: 
Mono: c633fe9
Java.Interop: xamarin/java.interop/d16-11@476bb5b
ProGuard: Guardsquare/proguard/v7.0.1@912d149
SQLite: xamarin/sqlite/3.35.4@85460d3
Xamarin.Android Tools: xamarin/xamarin-android-tools/d16-11@87af37b

=== Eclipse Temurin JDK ===

Java SDK: /Library/Java/JavaVirtualMachines/temurin-8.jdk/Contents/Home
1.8.0.302
Android Designer EPL code available here:
https://github.com/xamarin/AndroidDesigner.EPL

=== Android SDK Manager ===

Version: 16.10.0.13
Hash: 1b81df5
Branch: remotes/origin/d16-10
Build date: 2021-11-12 01:17:32 UTC

=== Android Device Manager ===

Version: 16.10.0.15
Hash: 89dcc0b
Branch: remotes/origin/d16-10
Build date: 2021-11-12 01:17:52 UTC

=== Build Information ===

Release ID: 810160002
Git revision: 6dbc7886fa608147f685a7df3912249400c84716
Build date: 2021-12-14 15:54:37-05
Build branch: release-8.10

=== Operating System ===

Mac OS X 12.0.1
Darwin 21.1.0 Darwin Kernel Version 21.1.0
    Wed Oct 13 17:33:23 PDT 2021
    root:xnu-8019.41.5~1/RELEASE_X86_64 x86_64

=== Enabled user installed extensions ===

Straight8's SpecFlow Integration 1.11.5.0

Build Logs

Screenshots

Mode = Light, Color = Black, Result = Blue icon (INCORRECT)
Screen Shot 2022-01-12 at 4 17 47 PM

Mode = Dark, Color = White, Result = Blue icon (INCORRECT)
Screen Shot 2022-01-12 at 5 10 27 PM

Mode = Dark, Color = Yellow, Result = Yellow icon (CORRECT)
Screen Shot 2022-01-12 at 4 14 47 PM

Mode = Light, Color = Orange, Result = Orange icon (CORRECT)
Screen Shot 2022-01-12 at 5 17 46 PM

Reproduction Link

navbar.zip

Workaround

We can work around the issue by making the color "#000001" for Dark Mode, and "#fffffe" for Light Mode. These are colors very similar to White/Black without the user noticing a difference.

@iupchris10 iupchris10 added s/unverified New report that has yet to be verified t/bug 🐛 labels Jan 12, 2022
@iupchris10 iupchris10 changed the title [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for IconImageSource [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon Jan 12, 2022
@iupchris10 iupchris10 changed the title [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon, and Color is White or Black Jan 12, 2022
@iupchris10 iupchris10 changed the title [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon, and Color is White or Black [Bug] iOS only - ToolbarItem color displays incorrectly when using FontImageSource for icon, and Color is set to White or Black Jan 12, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
a/toolbar p/iOS 🍎 s/unverified New report that has yet to be verified t/bug 🐛
Projects
None yet
Development

No branches or pull requests

2 participants