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
- Required SpriteMask class (ID 331) is stripped when "Strip Engine Code" is enabled
- “Maximized serialized file backup not found” error is thrown when minimizing a window in a newly opened project
- Build stack trace contains invalid lines when building with IL2CPP using scripts with delegates containing generic types in the signature
- Entities Systems window has a “Show Full Player Loop” dropdown which does nothing when clicked after enabling “Show Full Player Loop”
- Entities Hierarchy Search “Show/Hide” button’s Lens Icon is blurry when the Editor is on an external monitor
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.