No pictures in embedded tweets [Solved]


#1

Similar to Rendering of Embedded Tweets

Some embedded tweets render fine but some look like that the attached picture

What’s the issue ?


#2

I believe those are tweets that have been deleted and the base HTML version is being shown without the Twitter embedded experience boostrapping the rich experience


#3

It’s the tweet below

This happens for quite a few other tweets as well


#4

@abraham are there are any known rendering issues when used with AngularJS ? It works most of time but the above issue’s seen when embedded tweet’s (’<blockquote…’) appended to angular.element(’…’).innerHTML
Thoughts ?


#5

I would guess that’s it’s caused by async loading order issues. E.g. you have an embedded tweet that’s rendered to the DOM, Twitter loading identifies the tag and upgrades it to the interactive version. Another tweet get’s rendered to the DOM and because it’s an SPA the page doesn’t reload the Twitter JS and it’s hooks don’t run. Check out the JS API for initializing embedded content. You’ll probably need to explicitly call that after each new tweet get’s rendered to the DOM.


#6

Thanks @abraham
I made some changes as per JS API for initializing embedded content
The explicit call upgraded it to the interactive version
It works now!