If you add a dummy <script> tag right after <body>, Firefox will show the page after all the css from <head> is loaded: <body> <script>0</script> <!– rest of the code –> </body> There is an official bugreport about this FOUC (Flash Of Unstyled Content) on the Firefox site: https://bugzilla.mozilla.org/show_bug.cgi?id=1404468
What you are looking for is ng-cloak. You have to add it like this: <body class=”{{ bodyClass }}” ng-cloak> and this will prevent unwanted flashing. Link to docs about this. Edit: It is also advisable to put the snippet below into your CSS file, according to docs. “For the best result, the angular.js script must … Read more
The problem with using a css style to initially hide some page elements, and then using javascript to change the style back to visible after page load, is that people who don’t have javascript enabled will never get to see those elements. So it’s a solution which does not degrade gracefully. A better way therefore, … Read more