ionic-framework: ionic4 ion-footer can't display in ios10.3.1

Bug Report

Ionic Info Run ionic info from a terminal/cmd prompt and paste the output below.

        "@angular/common": "~6.1.1",
        "@angular/core": "~6.1.1",
        "@angular/forms": "~6.1.1",
        "@angular/http": "~6.1.1",
        "@angular/platform-browser": "~6.1.1",
        "@angular/platform-browser-dynamic": "~6.1.1",
        "@angular/router": "~6.1.1",
        "@ionic-native/app-version": "5.0.0-beta.21",
        "@ionic-native/browser-tab": "5.0.0-beta.21",
        "@ionic-native/camera": "5.0.0-beta.21",
        "@ionic-native/code-push": "5.0.0-beta.21",
        "@ionic-native/core": "5.0.0-beta.21",
        "@ionic-native/device": "5.0.0-beta.21",
        "@ionic-native/diagnostic": "5.0.0-beta.21",
        "@ionic-native/file-transfer": "5.0.0-beta.21",
        "@ionic-native/in-app-browser": "5.0.0-beta.21",
        "@ionic-native/keyboard": "5.0.0-beta.21",
        "@ionic-native/screen-orientation": "5.0.0-beta.21",
        "@ionic-native/social-sharing": "5.0.0-beta.21",
        "@ionic-native/splash-screen": "5.0.0-beta.21",
        "@ionic-native/status-bar": "5.0.0-beta.21",
        "@ionic/angular": "4.0.0-beta.13",
        "@ionic/storage": "^2.2.0",

Describe the Bug ion-footer can’t display in ios10.3.1, others display normal.

Steps to Reproduce Steps to reproduce the behavior:

  1. run ios10.3.1
  2. ion-footer can’t work

About this issue

  • Original URL
  • State: closed
  • Created 6 years ago
  • Reactions: 1
  • Comments: 16 (2 by maintainers)

Most upvoted comments

same issues in iOS 10.3.3 , I solved this by adding display:flex to ion-content. you can try it

Do we have any news on the subject?

For me it’s not only the footer that can’t be displayed but I can’t scroll to the end of my menu, fab buttons positioned at the bottom of the page are out of screen, and my tabs don’t show up aswell…

I tested it on a physical iPhone 5c running ios 10.3.3 and with the Xcode simulator an iPhone 5s on 10.3.1

same issues in iOS 10.3.3 , I solved this by adding display:flex to ion-content. you can try it

@amosbaby Thank you. It worked here