[Form]: should be able to render items first vertically to fill one column then fill next column

[mydavidzhang]

Bug Description

Currently Form component render items first horizontally cross all columns then vertically fill columns.
For example 3 items 2 columns the current order is like below.
1 2
3
Here 2 means in dom tree it's second item.

Expect behavior
Fill first column then next column like below.
1 3
2
Below is current behavior screenshot from demo page https://sap.github.io/ui5-webcomponents/components/Form/

Affected Component

Form

Expected Behaviour

Form should be able to fill full of first column then next column.

Isolated Example

https://sap.github.io/ui5-webcomponents/components/Form/

Steps to Reproduce

Go to demo page https://sap.github.io/ui5-webcomponents/components/Form/. Check the Basic Sample and look at dom elements.
The order is like below.
1 2
3 4

Log Output, Stack Trace or Screenshots

No response

Priority

High

UI5 Web Components Version

2.3.0

Browser

Chrome

Operating System

No response

Additional Context

No response

Organization

SF

Declaration

• I’m not disclosing any internal or sensitive information.

[PetyaMarkovaBogdanova]

Hi colleagues from @SAP/ui5-webcomponents-topic-core ,
can you, please, check the reordering of the dorm elements when the space is shrinked.
Best regards
Petya Markova.
(UI5 Web Components Dispatcher)