javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(content): exclude nested content from safe-area handling

Browse Source
This commit is contained in:
ShaneK
2026-01-08 06:59:16 -08:00
parent 553aa65376
commit 26b6b7bb02
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
core/src/components/content/content.tsx
View File

@@ -143,7 +143,10 @@ export class Content implements ComponentInterface {
}
connectedCallback() {
this.isMainContent = this.el.closest('ion-menu, ion-popover, ion-modal') === null;
// Content is "main" if not inside menu/popover/modal and not nested in another ion-content
this.isMainContent =
this.el.closest('ion-menu, ion-popover, ion-modal') === null &&
this.el.parentElement?.closest('ion-content') === null;
// Detect sibling header/footer for safe-area handling
this.detectSiblingElements();
@@ -178,7 +181,12 @@ export class Content implements ComponentInterface {
* bubbles, we can catch any instances of child tab bars loading by listening
* on IonTabs.
*/
this.tabsLoadCallback = () => this.resize();
this.tabsLoadCallback = () => {
this.resize();
// Re-detect footer when tab bar loads (it may not exist during initial detection)
this.updateSiblingDetection();
forceUpdate(this);
};
closestTabs.addEventListener('ionTabBarLoaded', this.tabsLoadCallback);
}
}