Search Issue Tracker

By Design



Found in




Issue ID




[UI Toolkit] Visual artifacts are present when Overflow is set to hidden and the Overflow occurs on a curved edge

UI Toolkit


Reproduction steps:
1. Open the attached project "" and load Scene "SampleScene"
2. Open the Game View
3. Observe the edge of the red circle where the overflow of the green square occurs

Expected result: the outline of the circle remains smooth where the overflow occurs
Actual result: the outline of the circle is not smooth where the overflow occurs

Reproducible with: 2021.2.0b11, 2022.1.0a7
Not reproducible with: 1.0.0-preview.17 (2021.1.20f1; No noticeable change of the outline where the overflow occurs and where it does not)
Could not test with: 2019.4.30f1 (UI Toolkit not available), 2020.3.18f1 (UI Toolkit package contains issues that prevent testing)

- Video of the issue is available in the edits (

  1. Resolution Note (2022.1.X):

    UIToolkit, unfortunately, doesn't support soft masking and uses a hard stencil test to perform clipping.

    One way you could achieve a soft border is to remove the border on this element and have it on another element on top with a transparent background and just the border. The bottom one will still clip its content in a sharp manner, but the top one will then render its anti-aliased border above it.

Add comment

Log in to post comment

All about bugs

View bugs we have successfully reproduced, and vote for the bugs you want to see fixed most urgently.