flash of unstyled content as page loads the code examples

[naomiblack]

See for example https://angular.io/docs/ts/latest/quickstart.html

Can we fix this?

@alexwolfe @wardbell

[alexwolfe]

@naomiblack I can do something to make this less jarring

[chalin]

@alexwolfe - ETA?

cc @ericjim @kwalrath

[kwalrath]

@juleskremer is this fixed in the new site?

[juleskremer]

I'm not familiar with the original issue and don't see the issue in the new site.

[chalin]

Ah, it seems that the thrashing has been considerably reduced; e.g., visit and refresh https://angular.io/guide/dependency-injection.

The main problem that existed before was that the newlines in the code excerpts were ignored until pretty printed. This usually resulted in the height of the code excerpt box changing significantly.

Now, under angular.io, code excerpts are initially presented as if formatted as normal <pre> code (respecting newlines) before it is rapidly pretty printed. So there is still a slight change in height, but the UX is much better than before.

I'll have to investigate what the angular.io solution was. Unless Alex or someone else would be willing to give me a summary of the solution :).

[juleskremer]

Ah, I see what you mean now; the system is entirely new and you can check it out under angular/angular/aio -- Alex wasn't involved so you'd need to spend some time with either Igor, PeteB or maybe Filipe.