enisn / UraniumUI

Uranium is a Free & Open-Source UI Kit for MAUI.
Apache License 2.0
1.1k stars 128 forks source link

TextField - iOS - Unable to click where the Title is shown #676

Open DanCodes1414 opened 2 months ago

DanCodes1414 commented 2 months ago

Hi there!

I'm currently using UraniumUI.Material nugget package with version 2.5.6 for a .NET 7 MAUI project.

The TextField works fine on Android, but I'm unable to click on some parts of the TextField on iOS. In the screenshot, clicking on the area in the red box will not focus the field.

Screenshot 2024-06-05 at 11 53 22 AM
DanCodes1414 commented 2 months ago

Just wanted to check if there was any plan to have this fixed soon. It's the only issue preventing me from releasing an app!

enisn commented 2 months ago

I couldn't reproduce on iOS with default TextField parameters, Can you share your TextField usage code clock to help me to reproduce?

Normally, Title has InputTransparent="True" but in some cases it may not work

DanCodes1414 commented 2 months ago

Thank you for your reply!

This is the whole file

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:d="http://schemas.microsoft.com/dotnet/2021/maui/design"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:material="http://schemas.enisn-projects.io/dotnet/maui/uraniumui/material"
    mc:Ignorable="d"
    x:Class="MySolution.Views.LoginPage"
    Shell.TabBarIsVisible="False"
    BackgroundColor="Black"
>
    <ContentPage.Content>
        <StackLayout Orientation="Vertical">
            <StackLayout Padding="15,0,15,0" VerticalOptions="Center" BackgroundColor="Black">
                <material:TextField
                    Title="Your email"
                    HorizontalOptions="Fill"
                    AccentColor="LightGray"
                    TextColor="White"
                    TitleColor="LightGray"
                    BorderColor="LightGray"
                    InputBackgroundColor="DarkGray"
                    Text="{Binding LoginRequest.Email, Mode=TwoWay}"
                />

                <material:TextField
                    Margin="0,10,0,0"
                    Title="Password"
                    HorizontalOptions="Fill"
                    IsPassword="True"
                    AccentColor="LightGray"
                    TextColor="White"
                    TitleColor="LightGray"
                    BorderColor="LightGray"
                    InputBackgroundColor="DarkGray"
                    Text="{Binding LoginRequest.Password, Mode=TwoWay}"
                >
                    <material:TextField.Attachments>
                        <material:TextFieldPasswordShowHideAttachment />
                    </material:TextField.Attachments>
                </material:TextField>

                <Button
                    Margin="0,25,0,15"
                    VerticalOptions="Center"
                    Text="LOG IN"
                    BackgroundColor="Red"
                    HeightRequest="40"
                    Command="{Binding LoginCommand}"
                />
            </StackLayout>
        </StackLayout>
    </ContentPage.Content>
</ContentPage>
DanCodes1414 commented 1 month ago

Hi @enisn ! Any update on this issue?

rdurfee commented 3 weeks ago

I also see this issue on iOS/iPadOS, and it happens on WinUI as well. If you click the Placeholder text, the control does not get focus.