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
- [URP][Lighting] The skybox doesn't render after changing the settings of the Material when using the URP Render Pipeline
- Crash on ShaderLab::ShaderState::ApplyShaderState when entering Play Mode and calling ShaderWarmup.WarmupShaderFromCollection with a shader that has dynamic_branch
- Crash on operator delete[] when a serializable structure in the System namespace is serialized by a MonoBehaviour
- [macOS] forward and backward mouse buttons are recognized as middle mouse button
- NavMeshModifier.OnEnable/OnDisable gets progressively slower when called repeatedly
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.