fix(content): adjust footer bottom based on the tabbar without padding

Author: brandyscarney

src/components/content/content.ts

@@ -530,14 +530,14 @@ export class Content extends Ion {
       newVal = this._footerHeight + this._paddingBottom;
       if (this._tabbarPlacement === 'bottom') {
         newVal += this._tabbarHeight;
+
+        if (newVal > 0 && this._footerEle) {
+          this._footerEle.style.bottom = (newVal - this._footerHeight - this._paddingBottom) + 'px';
+        }
       }
       if (newVal !== this.adjustedBottom) {
         scrollEle.style.paddingBottom = (newVal > 0 ? newVal + 'px' : '');
         this.adjustedBottom = newVal;
-
-        if (newVal > 0 && this._footerEle) {
-          this._footerEle.style.bottom = (newVal - this._footerHeight) + 'px';
-        }
       }
 
     } else {

src/components/content/test/basic/page2.html

@@ -28,6 +28,9 @@
   <ion-toolbar class="opaque">
     <ion-title>Footer</ion-title>
   </ion-toolbar>
+  <ion-toolbar class="opaque">
+    <ion-title>Footer 2</ion-title>
+  </ion-toolbar>
 </ion-footer>
 
 <style>

src/components/content/test/fullscreen/page2.html

@@ -28,6 +28,9 @@
   <ion-toolbar class="opaque">
     <ion-title>Footer</ion-title>
   </ion-toolbar>
+  <ion-toolbar class="opaque">
+    <ion-title>Footer 2</ion-title>
+  </ion-toolbar>
 </ion-footer>
 
 <style>