Skip to content

Reorder in ListView many times create a disproportionate rounding in UWP #10280

@FernandoVeras

Description

@FernandoVeras

Describe the bug

When repeatedly reordering a single list item, at some point, the item ends up with extremely rounded borders, causing a visual glitch. This bug can be observed in the WinUI 2 Gallery itself

Image

I was able to replicate the issue by editing a style that includes any Windows.UI.Xaml.Controls control. If the style contains, within the ControlTemplate at the topmost level of the visual tree (highest z-index), a Windows.UI.Xaml.Shapes component, such as a Rectangle, the bug does not occur.

Bellow we can see many styles that will occur the bug

With borders
Image

Without borders
Image

Bellow we can't reproduce the bug, using Shapes

With Rectangle
Image

Why i can't use Shapes and "fix" the bug? The Shapes form don't have Corner radius, only RadiusX or RadiusX, so, we cant set TopLeft or TopRight CornerRadius to create a Style.

Steps to reproduce the bug

  1. Go to WinUI 2 Gallery
  2. Open List View with Drag drop example
  3. Choose a item
  4. Reorder the same item repeatedly

Expected behavior

The item still with original shape

Screenshots

NuGet package version

None

Windows version

Windows 10 (20H2): Build 19042, Windows 11 (24H2): Build 26100

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions