Feedback Could things line up by default?

IMGUI Code:

Code (csharp):

1. public override void OnInspectorGUI() {
2.     EditorGUILayout.LabelField("Label");
3.     EditorGUILayout.PropertyField(serializedObject.FindProperty("integer"));
4.     EditorGUILayout.Toggle("Toggle", false);
5.     EditorGUILayout.PropertyField(serializedObject.FindProperty("boolean"));
6. }

UI Toolkit Code:

Code (csharp):

1. public override VisualElement CreateInspectorGUI() {
2.     var inspectorGUI = new VisualElement();
3.     inspectorGUI.Add(new Label("Label"));
4.     inspectorGUI.Add(new PropertyField(serializedObject.FindProperty("integer")));
5.  
6.     inspectorGUI.Add(new Toggle("Toggle"));
7.     inspectorGUI.Add(new PropertyField(serializedObject.FindProperty("boolean")));
8.  
9.     return inspectorGUI;
10. }

IMGUI result:


UI Toolkit result (builtin):


UI Toolkit result (preview):


It's gotten better in the latest preview for sure, but it's still a bit of a disaster.

Left-margin values (sum for labels aka)
Label: 0
Integer Property Field: 3
Toggle: 3
Boolean Property Field: 3

Left-padding values (sum for labels):
Label: 0
Integer Property Field: 0
Toggle: 1
Boolean Propert Field: 0

This means that there's three different values for where the first pixel of the label shows up.

The total height of the label is also a lot lower than the height of the other elements; 15 vs. 20.

The integer field also has some padding internally that is off, which sums up to spacing looking wrong:




@benoitd_unity, since you're the product manager in charge here (from what I can tell from your profile, at least!), I think you're the right person to answer my questions;

- Is fixing this on the roadmap? Is it a goal for the UI team that the default controls in UI Toolkit line up properly without user intervention?
- If the answer to the first question is "yes", what's the timeframe? Is this a priority? Trying to gauge if I should create workarounds or just live with it for now.

 

Was it already tracked?