FormLayout width depends on the number of rows it contains; goes to 100% with 3 or more rows

This issue prevents the FormLayout to have undefined width. When the width of the layout is not defined, it correctly fits the content with a single row of fields it contains. Adding another rows increases the width of the layout and the third row always makes the layout extend to 100%. You can see this behavior in the series of attached snapshots. It is easily reproduced with the code below, please comment out fields to see how it changes the width of the layout.

`public class FormTestView extends VerticalLayout {

public FormTestView() {

	addFormLayout();
}

private void addFormLayout() {

	FormLayout form = new FormLayout();
	add( form );
	TextField firstName = new TextField();
	form.addFormItem( firstName, "First Name" );
	TextField lastName = new TextField();
	form.addFormItem( lastName, "Last Name" );
	TextField email = new TextField();
	form.addFormItem( email, "Email" );
	firstName = new TextField();
	form.addFormItem( firstName, "First Name 2" );
	lastName = new TextField();
	form.addFormItem( lastName, "Last Name 2" );
	email = new TextField();
	form.addFormItem( email, "Email 2" );
}

} `

Versions: - Vaadin / Flow - 12.0.3 - Java version - 1.8.0_172 - OS version - Windows 10 Pro - Chrome - 71.0.3578.98 (Official Build) (64-bit)

[denis-anisimov]

That sucks!

That’s true.

I will try to enforce work on it. Though this is another team.

[sergetania]

Thank you!