Lack of theme leads to bad initial load experience

[reedlabotz]

Because md-theme needs angular to finish loading the app to add the theme classes, the initial load of the page has very bad styling.

It would be nice to have some better themes from initial page load.

[mlibby]

Perhaps something like https://docs.angularjs.org/api/ng/directive/ngCloak for the whole page? Set a display: none rule on the body or specific elements using an md-cloak class, which is removed/replaced by after md-theme loads?

[plato-cambrian]

Polymer uses an attribute on the body element and programmatically
removes it when it is ready to paint the dom
I assume their hiding is simply CSS rules under body[attribute]

On Fri, Nov 7, 2014 at 10:39 AM, Michael C. Libby notifications@github.com
wrote:

Perhaps something like https://docs.angularjs.org/api/ng/directive/ngCloak
for the whole page? Set a display: none rule on the body or specific
elements using an md-cloak class, which is removed/replaced by after
md-theme loads?

—
Reply to this email directly or view it on GitHub
#541 (comment).

[rschmukler]

@mlibby any reason to not just use ng-cloak for it then? Is this something that angular-material should provide?

[mlibby]

@rschmukler No reason to duplicate the ng-cloakfunctionality that I'm aware of. Unless there is reason to be concerned that md-theme wouldn't run until after ng-cloak.

[rschmukler]

I don't think it'll be a problem. Alright, for now our official response is to use ng-cloak. Feel free to re-open if there are issues with this.