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.

Border clipping issue

See original GitHub issue

Description

Adding a border around a VerticalStackLayout has a weird clipping issue.

Steps to Reproduce

<Border Grid.Row="0"
        Padding="0"
        BackgroundColor="#E5F7FF"
        Stroke="Transparent"
        StrokeThickness="5">
    <Border.StrokeShape>
        <RoundRectangle CornerRadius="200" />
    </Border.StrokeShape>
    <Border.Triggers>
        <DataTrigger Binding="{Binding IsSelected}"
                        TargetType="Border"
                        Value="true">
            <Setter Property="BackgroundColor" Value="#ECEAFF" />
            <Setter Property="Stroke" Value="#4E16FF" />
        </DataTrigger>
    </Border.Triggers>
    <VerticalStackLayout Padding="10">
        <Label HorizontalTextAlignment="Center"
                Text="{Binding DayOfTheWeekLetter}"
                TextColor="#00A2EE" />
        <Label HorizontalTextAlignment="Center"
                Text="{Binding Date, StringFormat='{0:dd}'}"
                TextColor="Black" />
    </VerticalStackLayout>
</Border>

Version with bug

Release Candidate 3 (current)

Last version that worked well

Unknown/Other

Affected platforms

Android, I was not able test on other platforms

Affected platform versions

android 11

Did you find any workaround?

No response

Relevant log output

No response

Issue Analytics

State:
Created a year ago
Comments:9 (2 by maintainers)

Top GitHub Comments

1reaction

HausBJBcommented, May 24, 2022

Ok because this change https://github.com/dotnet/maui/pull/6851/commits/f0cf10d285e09cb8900ac8e1bfbd1cd18b49df74

flew out again with this one

https://github.com/dotnet/maui/commit/b8727a40b18bd12a8707af146e19b8be87e86086

main https://github.com/dotnet/maui/blob/main/src/Core/src/Graphics/MauiDrawable.Android.cs

1reaction

jsuarezruizcommented, May 16, 2022

I am going to close this issue as it seems to be fixed for the next Release. If the problem persists or you find something related, let me know so I can reopen the issue!

Top Results From Across the Web

CSS3 border-radius clipping issues

I have a div with border-radius set to some value (let's say 10px), and a nested div that is the full width and...

Border-Clipping Issue In Android #10311 - dotnet/maui

Border does not inherit from Layout, it should clip by default. If you apply a background color to the image you can see...

Avoid border-radius clipping issue and detect image ...

To avoid border-radius clipping issue, used css background-image: http://stackoverflow.com/questions/3248734/css3-border-radius-clipping-issues · http:// ...

CSS : CSS3 border-radius clipping issues - YouTube

CSS : CSS3 border -radius clipping issues [ Beautify Your Computer : https://www.hows.tech/p/recommended.html ] CSS : CSS3 border -radius ...

How to Apply Borders to Clip Paths with CSS

Applying borders to non-rectangular shapes in CSS can be challenging. In this article, we will explore ways to apply different border types ...