Tabs in wrong position, even after using updateTabIndicator()

The button is clicked programmatically using select() on loading, just after initialisation. The selection is correct but the indicator is off. If I then use updateTabIndicator(), the indicator moves but not to the right place, as it would if the tab was click.

Here’s the indicator on loading

Here it is once updateTabIndicator() is called

https://gfycat.com/HollowFailingAntelopegroundsquirrel

• Version used: 1.0.0-beta
• Browser Name and version: Google Chrome | 65.0.3325.181 (Official Build) (64-bit) (cohort: Stable)
• Operating System: Windows 10

[aleksandra-grushko]

this is my solution:

jQuery(document).ready(function(){
	jQuery('.tabs').tabs();
});

window.addEventListener('orientationchange', function() {
  setTimeout(function(){
  	jQuery('.tabs').tabs('updateTabIndicator');
  },10)
});

[rpalacio86]

I solved this problem hiding the indicator and styling the active tab with a bottom border instead:

/* CSS */
.tabs .indicator {
   display: none;
}

.tab a.active {
    border-bottom: 2px solid;
    border-color:  #f6b2b5;
}