Timeline Widget not displaying in Chrome OSX

chrome
embeddedtimeline

#1

I am working on a Drupal site (http://daylonjameslab.weill.cornell.edu/). This site is not displaying tweets in google chrome for OSX. I don’t not have this issue in Safari or Firefox OSX. I am not getting any javascript errors. I do however see 2 files that fail to load under the network tab in dev tools.

These are…
http://platform.twitter.com/css/timeline.47ab5d19e8ed22531abcf4f86f3ae53a.light.ltr.css
https://o.twimg.com/2/proxy.jpg?t=HBhNaHR0cHM6Ly9vbmNsaXZlLnMzLmFtYXpvbmF3cy5jb20vX21lZGlhL191cGxvYWRfaW1hZ2UvTWFkb2ZmMi12aWRlby10aHVtYi5qcGcU_AIU_AIcFPABFPABAAAWABIA&s=dXOIWSxmTsxYwWqxJ70JRcft0KxjMjj_CQD4mQiQAto

I have disabled all extensions/add ons and have also tested this in Incognito mode. I am using chrome version 49.0.2623.87 (64-bit) and OSX 10.11.3, both update at time of posting.

Thanks for your help.


#2

I’m seeing an empty body in the twitter widget’s iframe. This usually indicates that the widget iframe parent or some ancestor is moved in the DOM. Make sure that the widget source element (<a class="twitter-timeline...") is not moved after it has rendered. Browsers will destroy all contents of iframes if it is moved in the DOM after it has rendered.

There likely is some javascript on the page that is modifying the DOM around the widget iframe. It might be something async timing thing which is probably why it is working differently in different browsers.


#3

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.