Draw bug on background-image inline-css when content is created dynamically
Hey guys,
we recently discovered that the latest Firefox version (19) has a bug that is not painting images correctly when the content is created dynamically (in our case e.g., a JSON is retched by AJAX, which is then used in a underscore Javascript template). The templates contain a inline-style like:
<td style="background-image: url(http://a.cdn.net/path/to/image.png)">...</td>
When I make a full refresh, everything is loaded instantly and looks fine. However, if the content area is cleared and new content is created (in exactly the same way as on a clean refresh, except that the page is not reloaded - so AJAX > JSON > _.underscore), then the pictures are not immediately visible. Sometimes it takes up to 10-12 seconds for them to display.
This ONLY occurs in Firefox 19 and 20b1
Live Example:
https://www.racebets.com/en/horse-betting-online/race/details/id/808582/
Clean refresh, all good. But change the races once loaded, and the silks are not painted.
If you resize the window, change some CSS style or scroll up and down, the silks are painted immediately - so I suspect it is a draw/paint issue.
Any ideas how to prevent this and when it will be fixed?
Modified
All Replies (7)
hello, if you've found a genuine & reproducible bug, please file it at bugzilla.mozilla.org - there it will get the attention of developers. here on the support forums we try to provide solutions to users for common questions & problems, but we are not in the bug-fixing business. thank you...
thanks
I have same problem too. On XP and Seven!
this is now apparently worked upon in bug #844750.
Is exactly this problem! When mozilla think fix this?
according to the comments in the bug report the fix is targeted for the next beta version of firefox 20 which is going to be built next week.
In bugzilla they changed status for RESOLVED FIXED. But fixed just in FF 22. So firefox 19 will continue with this bug? I have many sites that not displayed well because this bug!