MaterialTab wrong line on resize

[andrescirulo]

When you resize the page by showing or hiding the sidenav the line under the selected tab changes incrorrectly its size.
It can be seen happening on the demo page.

[kevzlou7979]

It seems that it;s a materialize issue. The calculation of the indicator width is not well calculated on browser resize.

[kevzlou7979]

Filed an issue to materialize Dogfalo/materialize#4323

[kevzlou7979]

Hi there @andrescirulo ,

Upon investigating the issue, we provided a method for tabs for resize() , which recalculates and reinitialize the tabs .

Added test demo
https://gwtmaterialdesign.github.io/gwt-material-patterns/snapshot/#navbar_tab_pus

Documentation

Workaroud

        sidenav.addOpenedHandler(event -> tab.resize());
        sidenav.addClosedHandler(event -> tab.resize());

Fixed via 9c4493d