Search Issue Tracker

By Design

Votes

0

Found in [Package]

Built-in

Issue ID

1401539

Regression

No

Align-items property is ignored when items are wrapped

Package: UI Toolkit

-

Reproduction steps:
1. Open project "UIToolkitFlex"
2. Open Assets > UIDoc
3. In the UI Builder's Hierarchy, select UIDoc.uxml > VisualElement > Label
4. Duplicate the selected item (Ctrl+D on Windows, Command+D on macOS)

Expected result: The VisualElement align-items property stays the same
Actual result: The VisualElement align-items property gets ignored

Reproducible with: 2021.2.11f1, 2022.1.0b6, 2022.2.0a5
Could not test with: 1.0.0-preview.18 (2020.3.27f1, Can't open "UIDoc", getting this error: "There is no application set to open the document “UIDoc.uxml”."), 2019.4.35f1 (Package not supported)

  1. Resolution Note:

    The reason the labels are not aligned at the bottom is because of the align-content property. align-content has priority over align-items when there are multiple flex lines. The default value of align-content is flex-start so the label will be aligned at the top.

    In this case setting align-content to flex-end will give the desired result.

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.