Skip to content
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

CornerRadius results in unwanted gap at the right and bottom side #6207

Closed
wbokkers opened this issue Oct 29, 2021 · 5 comments
Closed

CornerRadius results in unwanted gap at the right and bottom side #6207

wbokkers opened this issue Oct 29, 2021 · 5 comments
Labels
no-issue-activity product-winui3 WinUI 3 issues team-Rendering Issue for the Rendering team

Comments

@wbokkers
Copy link

Describe the bug
When I use panels with a border radius. The panels will get unwanted margins at the right and bottom.

Steps to reproduce the bug

<Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="80"/>
            <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="80"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Border Background="Red" CornerRadius="20"/>
        <Border Grid.Column="1" Background="Green" CornerRadius="20"/>
        <Border Grid.Row="1" Background="Red" CornerRadius="20"/>
        <Border Grid.Row="1" Grid.Column="1" Background="Green" CornerRadius="20"/>
 </Grid>

You can see the white border between the border panels.

Expected behavior
There should be no gaps.

Screenshots
image

Version Info

NuGet package version:
Windows App SDK 1.0 Preview 3

Windows version Saw the problem?
May 2020 Update (19041) Yes
@wbokkers
Copy link
Author

There's all sorts of things wrong with rendering when CornerRadius is set.
For example:

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Border Background="Green" CornerRadius="1" />
        <Border Grid.Row="1" Background="Red" />
    </Grid>

Results in:
image

@wbokkers
Copy link
Author

    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Border Background="Green" CornerRadius="6,0,0,6" />
        <Border Grid.Row="1" Background="Red" />
    </Grid>

Results in:
image

@wbokkers wbokkers changed the title Panels with BorderRadius get unwanted gap at the right and bottom side CornerRadius rendering is wrong (gaps, gradients) Oct 29, 2021
@btueffers btueffers transferred this issue from microsoft/WindowsAppSDK Nov 1, 2021
@ghost ghost added the needs-triage Issue needs to be triaged by the area owners label Nov 1, 2021
@StephenLPeters StephenLPeters added product-winui3 WinUI 3 issues team-Rendering Issue for the Rendering team labels Nov 4, 2021
@StephenLPeters
Copy link
Contributor

@codendone and @gegao18 FYI

@codendone codendone changed the title CornerRadius rendering is wrong (gaps, gradients) CornerRadius results in unwanted gap at the right and bottom side Nov 5, 2021
@codendone codendone removed the needs-triage Issue needs to be triaged by the area owners label Nov 5, 2021
@codendone
Copy link
Contributor

The gradient issue is tracked by this separate issue #6194. Since the cause of the gap is unrelated to the gradient, I've restored the original title of this issue to keep these separate.

@github-actions
Copy link

This issue is stale because it has been open 180 days with no activity. Remove stale label or comment or this will be closed in 5 days.

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Aug 3, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
no-issue-activity product-winui3 WinUI 3 issues team-Rendering Issue for the Rendering team
Projects
None yet
Development

No branches or pull requests

3 participants