TabSheet content inside nested FormLayout is not visible due wrong width

[TatuLund]

In complex nested FormLayout / TabSheet combination TabSheet fails to detect the child item width correctly, hence content wrapper element is set width of 0px. Due this content is not visible, although it is in the DOM.

See example view:

public class TabSheetView extends VerticalLayout implements View {
    public static final String NAME = "tabsheet";

    public TabSheetView() {
        FormLayout content = createContent();
        addComponent(content);
    }

    public FormLayout createContent() {
        TextField textField = new TextField(null, "Should be visible",
                ignore -> {
                });
        FormLayout layout = new FormLayout();
        TabSheet nestedTabSheet = new TabSheet(textField);
        nestedTabSheet.getTab(textField).setCaption("Nested");
        FormLayout nestedForm = new FormLayout(nestedTabSheet);
        TabSheet tabSheet = new TabSheet(nestedForm);
        tabSheet.getTab(nestedForm).setCaption("Main");
        layout.addComponent(tabSheet);
        return layout;
    }
}

[thevaadinman]

Fixed in 8.25.0