CSS is not rendered correctly

ionic-v1
1

I created a new App with Ionic v1. I sometimes encounter a rendering issue with CSS (at least this is what I am thinking it is), see screenshot.

image
IMG_4194.PNG750×1334 20.5 KB

The view should acutally look like this:

image
IMG_4196.PNG750×1334 33.6 KB

The app starts normal and after the user authenticated himself, he will be redirected to the overview view (which is the view that not gets rendered properly). Also when I’m using Safari to debug the code, it does not throw any errors. And when I switch between tabs it does not fix the rendering issue. The app needs to be terminated in order to fix the error.

I hope someone can help me out here?

Thanks.

2

So this is only happening on real devices with app installations from the App Store? Or also in other environments?
Anything jumping out like similar devices, similar OS versions etc?

3

Hi Jan.
Yes, only on real devices (e.g. iPhone). Until now I was only able to reproduce it on an iPhone 6S. iOS Version 10.2.

Thanks for your help.

4

Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Safari dev tools: https://ionic.zone/debug/remote-debug-your-app#ios Look at the console and network tabs for errors.

5

@Sujan12 Yes, I did this already, and there are no errors poping up in the safari console…

6

@Sujan12 I was able to fix it. The localStorage plugin caused an error if there is no more storage available on the device. Therefore the app crashed. Thanks for the help.