PDA

View Full Version : Rendering an SVG in a Ext.TabPanel does not refresh in FFox



kbutler11
13 Jan 2011, 7:58 AM
Hi all -
I'm pretty new to this so I hope this makes sense.

I'm trying to render this interesting site http://tmapps.esri.com/gulf-2010/index.html in an Ext.TabPanel layout. The site contains an inline <svg..> tag; can't see it in the source but Firebug shows it.

When I put this site in the first tab, and add a second tab (with very simple content), when I switch back to the first tab, the SVG image flashes once then disappears. This happens only in Firefox. When I do this in IE7 it actually works fine.

I have Firebugged it and tried watching the createDelegate/show/render stack, thinking there is a render issue of some sort, but can't make sense of it. I don't see the flicker occur when debugging; the image just never renders at all.

I'm not familiar with SVG nuances... is there some sort of refresh I need to invoke manually when rendering the panel again?

Any thoughts would be greatly appreciated...

kbutler11
13 Jan 2011, 8:09 AM
DOH - just found this FAQ:

http://www.sencha.com/learn/Ext_FAQ_TabPanel#Component_does_not_show_up_in_TabPanel_after_the_tab_is_changed

I think it will be what I need. I'm supporting an older version of ext (2.2) so fingers crossed.

kbutler11
13 Jan 2011, 2:59 PM
OK moot point. I do not have access to the Ext panel that my iframe is loaded in.

So just an academic question for anyone with SVG experience - any idea why it fails to render when a tab is brought back into focus in Firefox? This is running under ExtJS 3.2.1.