image not showing on page load in Chrome after browser update

[Atomiko Lex]

I am having issues with an image not showing on page load anymore, after a recent Chrome update. The img has srcset and sizes attributes, and will only show up after inspecting. 

Is anybody else having this issue? Is it a Chrome bug? Couldn't find anything for that in the Chrome logs. If anybody wants to check it on my page, it's here.

I am on 39.0.2171.71 in Chrome, no issues with that in FF 33.1.1 or IE 11.  

Lex

[Atomiko Lex]

I noticed this a while ago already, but until now nobody is posting similar issues on Stackoverflow. 

Caniuse.com also says there are no known issues with the srcset attribute in Chrome, so is this in fact a Polymer issue? I can't understand why an image gets rendered only after opening the dev tools??

Anyway, my img is just in some divs inside a core-scroll-header-panel. 

Do you have any ideas on this, or should I rather post this somewhere else?

Thanks for any hints,

Lex

[Atomiko Lex]

Ok, so now I just put my img tag into an empty page without polymer and there were no issues in Chrome with srcset, so this is seemingly a Polymer issue. 

I am using version 0.5.0, would updating help, or is this unpatched yet? I would rather update later because of the breaking changes in 0.5.1. 

Thanks for any hints,

Lex

Am Mittwoch, 26. November 2014 13:40:56 UTC+1 schrieb Atomiko Lex:

[Rob Dodson]

Can you post a reduced test case like a jsbin somewhere? It's hard to debug without seeing the code

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/0930d785-2e47-425a-a675-aec89cfab9c4%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

[Rob Dodson]

ah nvm I see the link in the first email now. Your photo is showing up fine for me

[Atomiko Lex]

Hi Rob, I had given up on the responsive image and changed it for a fixed image, so that's why the picture is there now. I promise I will put it on again on the weekend!

Thank you for listening, Lex

[Atomiko Lex]

I have a jsbin here now (w/o polymer).
Lex

Am Freitag, 5. Dezember 2014 02:51:51 UTC+1 schrieb Rob Dodson:

[Rob Dodson]

ok that's helpful.

The example is broken in current stable Chrome but works in Chrome Beta, so I think you stumbled upon a bug that's been fixed and will be updated when beta moves to stable. Generally we release a new version of Chrome every 6 weeks, so shouldn't be too long.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/a1445f20-f571-4ea3-9d20-cf5e2a1a54fa%40googlegroups.com.

[Atomiko Lex]

Thanks Rob, that's good to know!

Lex

[Atomiko Lex]

Hi Rob,

I tested the example in beta and the image shows up now, but it isn't responsive. Should I file a bug for Chromium?

Lex

Am Freitag, 12. Dezember 2014 22:00:44 UTC+1 schrieb Rob Dodson:

[Rob Dodson]

I'm looking into this. Seems like their may be a bug. I'm trying to reduce it to an easy test case then I can file a ticket.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/5ea474bc-3e72-4d3a-8791-4441308b13d7%40googlegroups.com.

[Rob Dodson]

So this seems to be a problem with `document.cloneNode` which Polymer uses when it stamps out its templates.

You can reproduce it here: http://jsbin.com/tuwuco/1/edit?html,output

Set your devtools to a device pixel density of 3, refresh the page, and hit the 'run with js' button.

Chromium bug is here: https://code.google.com/p/chromium/issues/detail?id=446574

In the short term you can work around this by using vanilla custom elements/shadow dom and using importNode instead of cloneNode. But I think this should hopefully be fixed quickly.

[Daniel Freedman]

You can also use img.srcset = img.srcset after it exists in the page. This will make it re-evaluate the srcset correctly.

To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/CAJj5OwD6rwUr5dEijhHbF7MV8kzA9gMESdHMNbEFUKVBw4PK5g%40mail.gmail.com.