Details
-
Bug
-
Resolution: Unresolved
-
Not Evaluated
-
None
-
QDS 4.7.1
-
None
Description
The attached project has 2 frames with the same "active" settings.
Expected outcomes
For both frames, the red square is aligned with the top of the frame, while the blue square is aligned with the bottom of the frame:
Actual outcomes
- Frame1 has a gap at the top and bottom (because the Qt Quick ColumnLayout calculates things a bit differently from the Figma layout)
- Frame2 pushes the blue square out of bounds (because Qt Bridge applied the "inactive" setting, spacing=75)
Possible fix
- The "inactive" spacing setting must be ignored
- Adding a spacer item in between the items gives the desired result:
ColumnLayout { //spacing: 75 // <-- WRONG Rectangle { id: redSquare // ... } Item { Layout.fillHeight: true } // <-- Add this Rectangle { id: greenSquare // ... } Item { Layout.fillHeight: true } // <-- Add this Rectangle { id: blueSquare // ... } }