Search Issue Tracker
By Design
Votes
0
Found in
2021.2
2021.2.0b5
2022.1
Issue ID
1354941
Regression
Yes
[UI Toolkit] Visual artifacts are present when Overflow is set to hidden and the Overflow occurs on a curved edge
Reproduction steps:
1. Open the attached project "Case_1354941.zip" 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)
Notes:
- Video of the issue is available in the edits (VisualIssue.mov)
Add comment
All about bugs
View bugs we have successfully reproduced, and vote for the bugs you want to see fixed most urgently.
Latest issues
- [Android] The Player screen turns black when playing a video under certain conditions
- Search window icons at the bottom are cut off when Search window is resized vertically
- "Try something else?" text label is cut off when searching for a long text in the Search window
- Rendering Debugger window sections do not have a minimum width set when resizing with the slider in the middle of the window
- Last segment of a Sprite Shape Spline is affected by other segments' Sprite Variant change when no edge Sprite is selected
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.