CODEWITHSUNDEEP
angularcordovaionic-frameworkionic5
Harald Wiesinger
Harald Wiesinger

Reputation: 681

ionic shows empty ion-content

i am using ionic 5 (angular) with latest updates. my builds are working fine for android and iphone.

when i start the app with ipad simulator or real device, the app shows the header(logo and title) of the app and also admob-plugin in the footer ( banner )

the only thing i am missing is my content of the app .. everything in my <ion-content> area is missing..

when i try to use the livereload function ionic cordova emulate ios -l the app also shows correct the ion-content also on ipad. i think this would be the only situation how i could debug anything to find whats going on?

are there any possibilitys to debug or get a console output of the builded ipad version where the ion-content area is missing?

Upvotes: 2

Views: 270

Answers (1)

Peter Kunszt
Peter Kunszt

Reputation: 131

Still in ionic 8 if you have content that is not just text but conditional content (like an angular for loop), the ion-content will be rendered with 0px height - so it is invisible.

You need to manuall set the height. For example

<ion-content style="height: calc(100vh - 80px)">

if for example your header has a height of 80px.

Upvotes: 0

Related Questions