New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Visual] Height on Entry causes cropping and overlap #5210

Open
davidortinau opened this Issue Feb 12, 2019 · 0 comments

Comments

2 participants
@davidortinau
Copy link
Contributor

davidortinau commented Feb 12, 2019

Description

I set the height on Entry and Editor, and the result is overlapping and content of the entry being cropped.

Steps to Reproduce

<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:sys="clr-namespace:System;assembly=mscorlib"
             x:Class="VisualChallenge.VisualChallengePage"
             Shell.NavBarIsVisible="true"
             Title="Edit Request"
Visual="Material
             >
    
    <Shell.BackButtonBehavior>
        <BackButtonBehavior TextOverride="Cancel"></BackButtonBehavior>
    </Shell.BackButtonBehavior>
    
    <ContentPage.Resources>
        <StyleSheet>
            <![CDATA[
                .EntryLabel {
                    color: #999999;
                    font-size: 10;
                    font-family: Raleway Bold;
                }
            
                ^Entry, ^Editor {
                    color: #999999;
                    font-size: 18;
                    font-family: Raleway Regular;
                    background-color: transparent;
                    height: 24;
                }
                
                ^Picker {
                    color: #999999;
                    font-size: 18;
                    font-family: Raleway Regular;
                }
                
                .actionButton {
                    background-color: #f05123;
                    color: white;
                    font-family: Raleway Bold;
                }
            ]]>
        </StyleSheet>
    </ContentPage.Resources>
    
    <ContentPage.ToolbarItems>
        <ToolbarItem Text="Save"/>
    </ContentPage.ToolbarItems>
    
    <ScrollView>
        <StackLayout Margin="21,30">

            <Label Text="REQUEST TITLE" class="EntryLabel" />
            <Entry Placeholder="Title" />
            
            <Label Text="PRIORITY" class="EntryLabel" />
            <Picker />
            
            <Label class="EntryLabel">
                <Label.FormattedText>
                    <FormattedString>
                        <Span>DETAILS</Span> <Span FontFamily="Raleway Regular" FontSize="10">(OPTIONAL)</Span>
                    </FormattedString>
                </Label.FormattedText>
            </Label>
            <Editor Placeholder="Clean bed, plant, shrubs, trim trees" />
            
            <Label Text="PHOTOS &amp; VIDEOS" class="EntryLabel" />
            
            <Button BorderColor="#999999" 
                    CornerRadius="0" 
                    BorderWidth="1" 
                    BackgroundColor="White"
                    TextColor="Black"
                    ContentLayout="Top, 8"
                    Image="icon_camera" 
                    Text="ADD PHOTO OR VIDEO" 
                    FontFamily="Raleway Bold" 
                    HorizontalOptions="Fill" Padding="40" />

            <Button class="actionButton" Text="CANCEL REQUEST" HeightRequest="46" />

        </StackLayout>
    </ScrollView>
    
</ContentPage>

Expected Behavior

The Entry and Editor control resize to my height and do not crop unless I choose a radically inappropriate size.

Basic Information

  • Version with issue: 4.0.1 nightly

Screenshots

Before:
screenshot 2019-02-11 20 48 39

After:
screenshot 2019-02-11 21 02 36

@pauldipietro pauldipietro added this to New in Triage Feb 12, 2019

@PureWeen PureWeen self-assigned this Feb 12, 2019

@samhouts samhouts moved this from New to Ready For Work in Triage Feb 13, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment