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
- Error “Shader error in 'YSCloudCover': call to 'tex3D' is ambiguous at Assets/YSCloudCoverText.shader(606) (on d3d11)“ is present when compiling tex3D shader with DXC
- Placeholder asset is not loaded with Advertisement Legacy sample when using the latest version of the package
- Addressables content build fails but the Player build is successful when building a development build
- Out-of-bounds memory access with multiple CanvasRenderers under a Canvas when using Mesh API
- Inspector tries to access file after it was deleted when the file was locked in Inspector window
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.