Is Valo tabs renderd wrong?

Flow
1

Hello Vaadin community.

I’m playing with Vaadin and new awsome Valo theme for two days now but I noticed strange behavior with TabSheet component and Valo styles TABSHEET_PADDED_TABBAR and TABSHEET_FRAMED.

Is it possible that size 100% width and 100% height on TabSheet not rendering properly?

I’m putting code snipet to reapeat problem:

[code]
@Theme(“demo”)
public class DemoUI extends UI {

@WebServlet(value = "/*", asyncSupported = true)
@VaadinServletConfiguration(productionMode = false, ui = DemoUI.class)
public static class Servlet extends VaadinServlet {
}

@Override
protected void init(VaadinRequest request) {
    VerticalLayout root = new VerticalLayout();
    root.setSizeFull();
    setContent(root);
    
    TabSheet tabSheet = new TabSheet();
    tabSheet.setSizeFull();
    tabSheet.addStyleName(ValoTheme.TABSHEET_PADDED_TABBAR);
    tabSheet.addStyleName(ValoTheme.TABSHEET_FRAMED);
    root.addComponent(tabSheet);
    
    Table table = new Table();
    table.setSizeFull();
    table.setCaption("Table");
    table.addContainerProperty("demo", String.class, null);
    
    for (int i = 0; i < 100; i++) {
        table.addItem(new Object {"demo " + i}, i);
    }
    
    tabSheet.addTab(table);
}

}
[/code]So you can notice that the last row in table and scroll bar is not fully visible. When I set style on root element

overflow: overlay;

 than scrollbar appears.

I think that padding of TabSheet in this case

padding-top: 6px;

and

borders of 1px

 causing this problem?

Checked this in new versions of Chrome, IE, and Firefox. Debug and analyzing layouts for potential problems does not showing warnings.