So, I had a very strange thing happening only in chrome. Phoneburner.com has a way for people to record voicemail messages that they want to leave while making phone calls. On the page that lists them for the members to listen to before using, we do a simple object embed of a small flash player.
This has worked flawlessly for a long time. All of a sudden, we noticed in Chrome that some would randomly not show. In this one account, there are about 20 of these embedded flash players and only 3-5 would show up. The weird part is that if I refreshed, a different mix of 3-5 would show. Some would disappear, others would appear.
There were no errors in the Developer Console. I played with the flash plugins and noticed if I disabled both, reloaded the page, and then enabled the plugins all would show up…
Debugging things that don’t make sense is VERY difficult. So I went to the javascript console and decided to use jQuery to hide them all and then reshow. Sometimes that worked. Ok… getting closer, CSS may be the answer. I then tried just showing, not hiding first. Most would show, but not always all of them. But if I ran it a few times, they would eventually all show up. WTF?!?!??!!
So I added a dirty hack to make it work.
$().ready(function()
{
$(“object”).css(‘display’, ‘inline’);
$(“object”).css(‘display’, ‘inline’);
$(“object”).css(‘display’, ‘inline’);
$(“object”).css(‘display’, ‘inline’);
$(“object”).css(‘display’, ‘inline’);
$(“object”).css(‘display’, ‘inline’);
});