Skip to content

Commit eab3673

Browse files
committed
MOBILE-3262 tabs: Ensure tabbar is shown on top scroll
1 parent 84f5592 commit eab3673

File tree

1 file changed

+11
-7
lines changed

1 file changed

+11
-7
lines changed

src/components/tabs/tabs.ts

Lines changed: 11 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -420,14 +420,18 @@ export class CoreTabsComponent implements OnInit, AfterViewInit, OnChanges, OnDe
420420
}
421421

422422
const scroll = parseInt(scrollElement.scrollTop, 10);
423-
if (scroll == this.lastScroll) {
424-
if (scroll == 0) {
425-
// Ensure tabbar is shown.
426-
this.topTabsElement.style.transform = '';
427-
this.originalTabsContainer.style.transform = '';
428-
this.originalTabsContainer.style.paddingBottom = this.tabBarHeight + 'px';
429-
}
423+
if (scroll == 0) {
424+
// Ensure tabbar is shown.
425+
this.topTabsElement.style.transform = '';
426+
this.originalTabsContainer.style.transform = '';
427+
this.originalTabsContainer.style.paddingBottom = this.tabBarHeight + 'px';
428+
this.tabBarElement.classList.remove('tabs-hidden');
429+
this.tabsShown = true;
430430

431+
return;
432+
}
433+
434+
if (scroll == this.lastScroll) {
431435
// Ensure scroll has been modified to avoid flicks.
432436
return;
433437
}

0 commit comments

Comments
 (0)