label text cropped with border with CornerRadius setted maui

162 Views Asked by At

when I set a CornerRadius in a Border the Label that is the Content of the Border is being cropped. This only happens when i run the program in windows, adroid works fine, ios I don't know.

<Grid BindingContext="{TemplateBinding Content}">

    <Border x:Name="foodTypeContainer"
            MinimumWidthRequest="80"
            MaximumHeightRequest="140"
            Padding="8,0,8,0"
            Stroke="Transparent"
            BindingContext="{Binding .}">
        <Border.StrokeShape>
            <RoundRectangle CornerRadius="20" />
        </Border.StrokeShape>

        <Label x:Name="foodTypeTextLabel"
               HorizontalOptions="Center"
               VerticalOptions="Center">
            <Label.FormattedText>
                <FormattedString>
                    <Span Text="{Binding Name}" FontFamily="RubikLight"/>
                </FormattedString>
            </Label.FormattedText>
        </Label>
    </Border>
</Grid>

Cropped Label Text in Border

1

There are 1 best solutions below

0
On BEST ANSWER

This is actually a known issue with Maui at the moment, maybe you should use Frame for the moment until this is fixed

More information about the issue can be found on this Github bug I raised a couple of days ago:

https://github.com/dotnet/maui/issues/17753

https://github.com/dotnet/maui/issues/17761

https://github.com/dotnet/maui/issues/17763