New ionic 5 app doesn't render correctly in browser

@pkitatta wrote:

I have a problem accessing the sidemenu ionic app in browser. The screenshots below are of a new created ionic app with sidemenu.

In full screen mode:

2020-04-30_12h45_031440×857 44.3 KB

If the browser is a fraction of the screen size:

2020-04-30_12h47_171297×832 53.5 KB

As you can see here the menu icon is shown as it’s supposed to be and I can access the sidemenu.
The only thing I added here for demonstration purposes is the fab button with an icon. But as you can see the icon inside the fab button is not show. In my other - recently created real ionic project, things like the back button don’t render correctly.

As a side note however, sometimes everything renders correctly. This is like 1 out of 50 times the app reloads when am going about my business. So majority of the time it’s as shown about then once in a blue moon everything works.

I am developing a PWA so access to the sidemenu is very important.

I need some some help.

ionic info

Ionic:

Ionic CLI : 5.2.3 (C:\Users\Paul\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 5.0.7
@angular-devkit/build-angular : 0.803.26
@angular-devkit/schematics : 8.3.26
@angular/cli : 8.3.26
@ionic/angular-toolkit : 2.2.0

Utility:

cordova-res : 0.6.0
native-run : 0.2.8

System:

NodeJS : v10.16.0 (C:\Program Files\nodejs\node.exe)
npm : 6.10.2
OS : Windows 10

Posts: 1

Participants: 1

Read full topic