[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

• [X] 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)