Another Text Color issue

[imsam67]

Description

I've already filed another bug pertaining to setting the text color -- here's the link to that issue #17413. This one is different and kind of hard to reproduce but it seems to be affecting text color in an Entry as well as a items within a CollectionView.

I have two pages in my app that contain simple forms to collect data from the user. In both cases, I'm using identical XAML. In the case of the second form, I just can't seem to get the text color to be what I want in an Entry control -- see screen shot. If you look carefully, you'll see that the text is there but it's white so it's almost invisible.

Here's the XAML for this:

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:vm="clr-namespace:MyApp.ViewModels.Settings"
             x:Class="MyApp.Views.Settings.EditMemberName"
             x:DataType="vm:EditMemberNameViewModel"
             Title="Editing Your Name">
    <Grid
        RowDefinitions="70,70,70,*"
        RowSpacing="10"
        Padding="7"
        VerticalOptions="StartAndExpand">

        <!-- 0:First Name -->
        <Grid
            Grid.Row="0"
            RowDefinitions="20,*">
            <Label
                Grid.Row="0"
                Text="First Name"
                TextColor="{StaticResource FormElementTitle}"
                FontFamily="CenturyGothicRegular"
                FontAttributes="Bold"
                CharacterSpacing="1.1"
                VerticalOptions="Center"/>
            <Border
                Grid.Row="1"
                BackgroundColor="{StaticResource White}"
                Stroke="{StaticResource UIMidGray}"
                StrokeThickness="1"
                StrokeShape="RoundRectangle 5">
                <Entry
                    Text="{Binding FirstName}"
                    TextColor="{StaticResource Gray900}"
                    BackgroundColor="{StaticResource FormElementBackground}"
                    FontFamily="CenturyGothicRegular"
                    FontAttributes="Bold"
                    FontSize="13"
                    CharacterSpacing="1.1" />
            </Border>
        </Grid>

        <!-- 1:Middle Name -->
        <Grid
            Grid.Row="1"
            RowDefinitions="20,*">
            <Label
                Grid.Row="0"
                Text="Middle Name"
                TextColor="{StaticResource FormElementTitle}"
                FontFamily="CenturyGothicRegular"
                FontAttributes="Bold"
                CharacterSpacing="1.1"
                VerticalOptions="Center"/>
            <Border
                Grid.Row="1"
                BackgroundColor="{StaticResource White}"
                Stroke="{StaticResource UIMidGray}"
                StrokeThickness="1"
                StrokeShape="RoundRectangle 5">
                <Entry
                    Text="{Binding MiddleName}"
                    TextColor="{StaticResource Gray900}"
                    BackgroundColor="{StaticResource FormElementBackground}"
                    FontFamily="CenturyGothicRegular"
                    FontAttributes="Bold"
                    FontSize="13"
                    CharacterSpacing="1.1" />
            </Border>
        </Grid>

        <!-- 2:Last Name -->
        <Grid
            Grid.Row="2"
            RowDefinitions="20,*">
            <Label
                Grid.Row="0"
                Text="Last Name"
                TextColor="{StaticResource FormElementTitle}"
                FontFamily="CenturyGothicRegular"
                FontAttributes="Bold"
                CharacterSpacing="1.1"
                VerticalOptions="Center"/>
            <Border
                Grid.Row="1"
                BackgroundColor="{StaticResource White}"
                Stroke="{StaticResource UIMidGray}"
                StrokeThickness="1"
                StrokeShape="RoundRectangle 5">
                <Entry
                    Text="{Binding LastName}"
                    TextColor="{StaticResource Gray900}"
                    BackgroundColor="{StaticResource FormElementBackground}"
                    FontFamily="CenturyGothicRegular"
                    FontAttributes="Bold"
                    FontSize="13"
                    CharacterSpacing="1.1" />
            </Border>
        </Grid>

        <!-- 3:Submit Button -->
        <Button
            Grid.Row="3"
            Text="Submit"
            FontAttributes="Bold"
            Command="{Binding EditMemberNameCommand}"
            WidthRequest="150"
            HorizontalOptions="Center"
            VerticalOptions="EndAndExpand"
            Margin="0,20,0,0"/>

    </Grid>
</ContentPage>

As I mentioned before, I have another page with a form in it using the same exact syntax and the text color inside Entry control is exactly what I set it to which is Gray900.

I'm also seeing this erratic behavior in CollectionView items. In some CollectionView's items display perfectly fine while in others the text again is white even though it's set to a specific color. At first glance, it looks as if text is missing but in close examination, one can see that the text is there but white against white makes it almost impossible to see it. Because my background color for my pages is never pure white, when I look carefully, I can still detect the text. This is identical to the screen shot I posted earlier.

Steps to Reproduce

As I mentioned earlier, this is hard to reproduce because I can't even reproduce consistently within the same app. In one page, it works fine but in the other page, it doesn't.

Nevertheless, I wanted to open up another issue pertaining to text color in case others see some unusual behavior in their apps as well.

Link to public reproduction project repository

No response

Version with bug

8.0.0-rc.1.9171

Is this a regression from previous behavior?

Yes, this used to work in .NET MAUI

Last version that worked well

7.0.92

Affected platforms

iOS

Affected platform versions

No response

Did you find any workaround?

Haven't found a workaround yet.

Relevant log output

No response

[samhouts]

Entry TextColor issue is also reported in #17843.

[imsam67]

But as I mentioned in the description, it's kind of unpredictable because in the same app, I have other forms with Entry controls and I don't see this issue there.

What's interesting though is that when the issue occurs, it's consistent. The form that has the issue always has it and the other forms that don't have the issue never do. Clearly some element or property setting is causing the problem but so far I haven't been able to put my finger on it.

Last but not least, I also see it in some CollectionView items.

I'm looking for a common denominator in all these cases. I'll report it here if/when I do.

[samhouts]

Yeah, I'm thinking this is a weird edge case issue from the Setter Specificity changes. You may have Styles defined somewhere that should be overriden by the styles set on the controls, but something is blocking that. Do you have TextColor set to White in any style definition in the app anywhere, perhaps?

[imsam67]

The only place where the TextColor for Entry control is set to white is in the Styles.xaml file and it's white only if the device is using dark theme. My iPhone is using the dark theme so this maybe a clue.

I did remove the Setter for TextColor for Entry control from Styles.xaml but that didn't seem to have any effect.

[StephaneDelcroix]

if you replace the Entry by a Label, do you have the same coloring problem ? if you run this on Android, does it happens too ? (trying to see if it's a Style issue, or an iOS entry problem related to #17843)

[PureWeen]

Duplicate of #17413

[imsam67]

@StephaneDelcroix I'm a bit confused here. @PureWeen already closed this ticket stating it's a duplicate of the other issue I reported. I really don't believe it's a duplicate.

As you requested, I tried replacing Entry control with a Label with the same exact properties -- see code I posted in description -- and it worked fine. So this seems to be affecting Entry control and not Label. I also tried removing CharacterSpacing from Entry control but the issue still persisted. So I don't believe this issue is a dupblicate of #17413

[imsam67]

@StephaneDelcroix I also wanted to mention that I tested it on Android Emulator and text color in Entry is fine i.e. exactly as I set it. I'll also try it on a real Android device and let you know but I think it's safe to say that this issue is only affecting iOS.