fix(title): only add large title transition when using collapsible header (#22762)

resolves #22760
This commit is contained in:
Liam DeBeasi
2021-01-13 10:12:04 -05:00
committed by GitHub
parent 9e9a372497
commit 348c50b7ea

View File

@ -14,7 +14,7 @@ export const shadow = <T extends Element>(el: T): ShadowRoot | T => {
const getLargeTitle = (refEl: any) => { const getLargeTitle = (refEl: any) => {
const tabs = (refEl.tagName === 'ION-TABS') ? refEl : refEl.querySelector('ion-tabs'); const tabs = (refEl.tagName === 'ION-TABS') ? refEl : refEl.querySelector('ion-tabs');
const query = 'ion-header:not(.header-collapse-condense-inactive) ion-title.title-large'; const query = 'ion-content ion-header:not(.header-collapse-condense-inactive) ion-title.title-large';
if (tabs != null) { if (tabs != null) {
const activeTab = tabs.querySelector('ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)'); const activeTab = tabs.querySelector('ion-tab:not(.tab-hidden), .ion-page:not(.ion-page-hidden)');