Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

MaterialTextField setting background to Transparent not working

See original GitHub issue

🐛 Bug Report

When setting the BackgroundColor to Transparent on a MaterialTextField the BackgroundColor is still filled with the default color, ignoring the Transparent property on Android. This is tested with a MaterialTextField inside a Grid with a Background image on Android. The Background image is a <Image> component with a rowspan of the total grid rows, and Aspect set to AspectFill. It is not (yet) tested on iOS.

I also tested it without the background image and it results in the same (the Transparent property being ignored).

Expected behavior

The Filled color should be transparent of the MaterialTextField and not default back to the #DCDCDC value.

Screenshots

XAML Code

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    x:Class="PCS2.APP.Views.Login.LoginPage"
    xmlns="http://xamarin.com/schemas/2014/forms"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:customControls="clr-namespace:PCS2.APP.CustomComponents;assembly=PCS2.APP"
    xmlns:d="http://xamarin.com/schemas/2014/forms/design"
    xmlns:material="clr-namespace:XF.Material.Forms.UI;assembly=XF.Material"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    Shell.FlyoutBehavior="Disabled"
    Shell.NavBarIsVisible="False"
    Shell.PresentationMode="ModalAnimated"
    Shell.TabBarIsVisible="False"
    mc:Ignorable="d">


    <ContentPage.Content>

        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="*" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
                <RowDefinition Height="70" />
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>


            <Image
                x:Name="PCSBackground"
                Grid.Row="0"
                Grid.RowSpan="6"
                Aspect="AspectFill" />


            <Image
                x:Name="PCSLogo"
                Grid.Row="1"
                Aspect="AspectFit"
                HeightRequest="70" />


            <material:MaterialTextField
                Grid.Row="2"
                Margin="{StaticResource EntryMargin}"
                AlwaysShowUnderline="True"
                BackgroundColor="Transparent"
                InputType="Email"
                Placeholder="E-mail of gebruikersnaam"
                Text="{Binding Email}" />


            <material:MaterialTextField
                Grid.Row="3"
                Margin="{StaticResource EntryMargin}"
                AlwaysShowUnderline="True"
                BackgroundColor="Transparent"
                InputType="Password"
                Placeholder="Wachtwoord"
                Text="{Binding Password}" />


            <material:MaterialButton
                Grid.Row="4"
                Margin="30,16,30,80"
                BackgroundColor="#3880ff"
                Command="{Binding ExecuteLogin}"
                Text="Inloggen" />


        </Grid>
    </ContentPage.Content>
</ContentPage>