Search Issue Tracker

By Design

Votes

0

Found in

2021.3.20f1

2022.2.10f1

2023.1.0b7

2023.2.0a5

Issue ID

UUM-29175

Regression

No

[UI Toolkit] Label size takes more than 100% width when set to 100%

--

-

How to reproduce:
1. Open the attached "repro_project.zip" project
2. Open UI/CauldronUI/CauldronMainUI.uxml
3. Select Screen > Top > Label component in the hierarchy and observe the right side

Expected result: Label is fit to the "Top" visual element's size
Actual result: Label is out of bounds

Reproducible with: 2021.3.20f1, 2022.2.10f1, 2023.1.0b7, 2023.2.0a5

  1. Resolution Note:

    Unity’s model is equivalent to setting the CSS box-sizing property to border-box (mentioned in the doc here: https://docs.unity3d.com/Manual/UIE-USS-SupportedProperties.html).
    See this page for details https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing.
    The Label in the repro project has a margin set, that's why it is wider than the parent.

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.