From 3d14353402bf4753854e147b26593df0968b52f1 Mon Sep 17 00:00:00 2001
From: "Manu Mtz.-Almeida" <manu.mtza@gmail.com>
Date: Wed, 22 Nov 2017 21:15:33 +0100
Subject: [PATCH] fix(content): resize() is called on nav change

---
 packages/core/src/components/content/content.tsx           | 7 ++++++-
 .../tabs/test/translucent/translucent-page-tab.tsx         | 7 +++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/packages/core/src/components/content/content.tsx b/packages/core/src/components/content/content.tsx
index a1a3bf678b..1440f15209 100644
--- a/packages/core/src/components/content/content.tsx
+++ b/packages/core/src/components/content/content.tsx
@@ -1,4 +1,4 @@
-import { Component, Element, Method, Prop } from '@stencil/core';
+import { Component, Element, Listen, Method, Prop } from '@stencil/core';
 import { Config } from '../../index';
 import { createThemedClasses, getElementClassObject } from '../../utils/theme';
 import { getPageElement } from '../../utils/helpers';
@@ -46,6 +46,11 @@ export class Content {
    */
   @Prop() fullscreen: boolean = false;
 
+  @Listen('body:ionNavChanged')
+  onNavChanged() {
+    this.resize();
+  }
+
   componentDidLoad() {
     this.scrollEl = this.el.querySelector('ion-scroll') as HTMLIonScrollElement;
     this.resize();
diff --git a/packages/core/src/components/tabs/test/translucent/translucent-page-tab.tsx b/packages/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
index f7ced9eaed..cdb45f84bf 100644
--- a/packages/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
+++ b/packages/core/src/components/tabs/test/translucent/translucent-page-tab.tsx
@@ -34,9 +34,12 @@ export class TranslucentPageTab {
 
   render() {
     return [
-      <ion-header>
+      <ion-header translucent>
         <ion-toolbar>
-          <ion-title>Tab Translucent</ion-title>
+          <ion-title>App Store</ion-title>
+        </ion-toolbar>
+        <ion-toolbar>
+          <ion-searchbar></ion-searchbar>
         </ion-toolbar>
       </ion-header>,
       <ion-content fullscreen={true}>