Flash of unrendered templates in Firefox

[lukaleli]

I'm using the latest version of Handlebars. I'm working on an autocomplete feature in my app. It's quite simple: I'm receiving JSON data from the server, load into template, insert into autocomplete container. But I'm also highlighting matched phrases in items titles with 'b' tags. To display it properly as HTML tags I'm using triple-stash markup in template. Before inserting data I'm changing json object to add those tags to title field. I'm also inserting there src's for icons to be loaded and displayed in item. What's happening is that until icon image isn't loaded and displayed I see FOUT (flash of unstyled/unrendered text) with raw 'b' tags and it looks awful. It happens only in Mozilla Firefox (even IE doesn't have problem with that), all versions I've been testing it (mobile and desktop). Does anyone have any idea why this is happening?

[kpdecker]

This does not sound like a handlebars issue. It sounds like you need to look into preloading techniques for the font you are using.