HorizontalLayout and FlexComponent.JustifyContentMode.BETWEEN yields unexpected results

[mvysny]

My use case is to have two child h3 and h4 in a HorizontalLayout, showing a "Welcome" text justified to the left, "App Name" justified to the right. In hopes to achieve that, I have set h3 and h4 to wrap its contents and set the parent HorizontalLayout to "Between", hoping for the HorizontalLayout to add space between those two items, pushing them apart.

However, there is a third item: an invisible ::before which is also considered by the flex layout engine, and hence the flex layout engine distributes space between the ::before and h3.

Please see the screenshot attached. Could it be possible to remove the ::before from HorizontalLayout?

[pleku]

Issue moved to vaadin/vaadin-ordered-layout #49 via ZenHub