Weird behaviour when toggling visibility of components under it

[syampillai]

Layout behaviour of FormLayout changes when we toggle the visibility of components under it.

An example Java code is given below. The "Test" button can be clicked to toggle the visibility of the first TextField.

Before Hiding:

After Hiding:

When the text field is made hidden, gaps between rest of the text fields disappear! Screen-shots are shown above.

public class TestFormLayout extends FormLayout {
        public TestFormLayout() {
            TextField tf = new TextField("One");
            add(new Button("Test", e -> tf.setVisible(!tf.isVisible())));
            add(tf);
            add(new TextField("Two"));
            add(new TextField("Three"));
            add(new TextField("Four"));
            add(new TextField("Five"));
            add(new TextField("Six"));
        }
    }

[marcelo107]

I also have encountered this problem. Are there any workarounds in the mean time?

[web-padawan]

Fixed by #123 and works properly since Vaadin 14.2.