@anywhere Tweet Box not working in Firefox

[Jay Goldman]

Hello!

We've just launched a new promo called Rypple B.O.S.S.:

http://rypple.com/boss

We have a few social sharing widgets on the results page, including an
@anywhere Tweet Box (complete the quiz, then click on the Twitter
tab).

The box is showing up perfectly in WebKit browsers but only sometimes
in Firefox (tested on lots of computers running different versions on
different OSes with different connections). When it doesn't appear, we
get a blank area there. Looks like the iFrame is being rendered but
not actually completing. No errors in the Firebug console.

Any advice?

Thanks!

[Todd Kloots]

Hello Jay -

I was able to reproduce your issue in Firefox by rendering a Tweetbox
into a <DIV> whose "display" style property is set to "none" and then
toggling the "display" property to 'block" in the scope of the
Tweetbox's "complete" event listener. So, the issue appears to be
with Firefox's rendering engine in this circumstance, and not
something we can/should address in the @Anywhere code base. What to
do? I suggest deferring your instantiation of the Tweetbox until the
user has actually clicked the tab containing the Tweetbox. In fact, I
would recommend this approach for each of the those tabs (e.g.
LinkedIn, Facebook, etc.). Doing so will give your site a nice
performance boost and should make your Tweetbox work. Let me know if
you find otherwise.

- Todd

> --
> You received this message because you are subscribed to the Google Groups "Twitter Anywhere Development" group.
> To post to this group, send email to twitter-de...@googlegroups.com.
> To unsubscribe from this group, send email to twitter-dev-anyw...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/twitter-dev-anywhere?hl=en.
>
>

[Jay Goldman]

Thanks for looking into it Todd.

We're going to switch to implementing the tabs as they're loaded.
Great suggestion and it solves an issue with Linkedin as well. Much
appreciated!

On Jul 8, 8:53 pm, Todd Kloots <klo...@twitter.com> wrote:
> Hello Jay -
>
> I was able to reproduce your issue in Firefox by rendering a Tweetbox
> into a <DIV> whose "display" style property is set to "none" and then
> toggling the "display" property to 'block" in the scope of the
> Tweetbox's "complete" event listener.  So, the issue appears to be
> with Firefox's rendering engine in this circumstance, and not
> something we can/should address in the @Anywhere code base.  What to
> do?  I suggest deferring your instantiation of the Tweetbox until the
> user has actually clicked the tab containing the Tweetbox.  In fact, I
> would recommend this approach for each of the those tabs (e.g.
> LinkedIn, Facebook, etc.).  Doing so will give your site a nice
> performance boost and should make your Tweetbox work.  Let me know if
> you find otherwise.
>