Unity Issue Tracker - The height of grand child is not correctly computed when mixing different flex-directions and flex-grow

Fixed

6.4.X

6000.4.0a4

Won't Fix

6.6.X

6.5.X

6.3.X

6.2.X

6.0.X

6000.0.0b11 onwards

Will wait for users to encounter this before we act. Might be too much of a corner case and we cannot risk layout changes right now.

Thank you for reporting a bug to Unity. We have reviewed the issue carefully, and in this case, the team is unable to prioritize fixing this bug. There are a number of reasons we make this decision, including the impact and severity of the issue across our user and customer base, and the possibility that future plans may solve the problem in a different way, or that a workaround for the bug may be available. Today we will be closing this case. Thank you again for taking the time to report this issue, and please let us know if there is anything else that changes the impact or severity of this issue.

Given the highly risky nature of UITK layout code changes causing further regressions, I'm cancelling the 6.2 port. We may re-open later if, after the fix is implement, we decide it's safe enough.

Steps to reproduce:

Create a UI document
Open it in the UI Builder
Select the root element in the Hierarchy pane
In the inspector, check "Editor Extension Authoring"
In the toolbar of the viewport, change the theme to "Active Editor Theme"
Create a VisualElement and name it "V0"
Sets V0's position = absolute
Add a child VisualElement to V0 and named it "V1".
Sets V1's flex-direction = row, width = 200px and height = 100px
Add a child VisualElement to V1 and named it "V2".
Sets V2's align-self = flex-start and flex-grow=1.
Add a Label to V2 with some text and named it "V3"
Set the label's flex-grow=1
Verify the resolved height of V0, V1, V2, V3 using "Window/UI Toolkit/Debugger":

Here are steps to use UIToolkit Debugger with the UI Builder:

In UIBuilder, click the Preview button on the toolbar of the viewport.
Open the UI Toolkit Debugger from ""Window/UI Toolkit/Debugger".
Select "Builder" in the Panel dropdown in the toolbar of the Debugger window.
Click the "Pick Element" button
Pick the element you want to inspect in the UIBuilder window.

Note: You can directly use the attached uxml file to save some time.

Actual results:

The heights of V0, V1, V3 are around 100px whereas V2's height is around 15px/17px(font size)

Expected results:

The heights of V0, V1 are around 100px whereas the height of V2 and V3 are around 15px/17px (font size)
8:28

Note that the expected results is based on what we should expect from html/css specs as the image below shows. However, before this regression, the actual result was not even the right one neither but at least it was not causing the linked bug. In previous version, the result was : The heights of V0, V1, V2, V3 are all around 100px, which was not right neither.

Reproducible with versions: 6

Notes:

make sure to test regression prone areas like this [Internal link]
[Internal link]
[Internal link]

The height of grand child is not correctly computed when mixing different flex-directions and flex-grow

Unity: UI Toolkit Framework

Fixed

Won't Fix

Prioritise and Follow this issue

Have a workaround or additional info about this issue?

The height of grand child is not correctly computed when mixing different flex-directions and flex-grow

Unity: UI Toolkit Framework

Statuses

Fixed

Won't Fix

Resolution Notes

6.6.XWon't FixWill wait for users to encounter this before we act. Might be too much of a corner case and we cannot risk layout changes right now.

6.2.XWon't FixGiven the highly risky nature of UITK layout code changes causing further regressions, I'm cancelling the 6.2 port. We may re-open later if, after the fix is implement, we decide it's safe enough.

Description

Prioritise and Follow this issue

Have a workaround or additional info about this issue?