@jeremy: Good point, but this is a problem with Safari overall (not specific to foreignObject).
@David: Opera gives me odd scrollbars, sometimes the text is not visible and it doesn’t stretch the foreignObject width properly as far as I can tell. David, I’ll also note that I tried this with FakeSmile for Firefox and sometimes it freezes the browser. I didn’t think that would be responsible (even for April Fool’s!).
Firefox also puts in the scrollbars around the foreignObject.
I had to use a referenced SVG because of WordPress. I’ve opened a bug for them.
I’ll note that this only works as intended in Safari 4 and Chrome 2. Opera 9.6 gets some of it right…
It breaks in Safari 4 if you resize the browser. You then have to refresh to fix it.
excellent !! 😀
works great in Opera 9.6 here, and smoother than safari on the glyphs.
@jeremy: Good point, but this is a problem with Safari overall (not specific to foreignObject).
@David: Opera gives me odd scrollbars, sometimes the text is not visible and it doesn’t stretch the foreignObject width properly as far as I can tell. David, I’ll also note that I tried this with FakeSmile for Firefox and sometimes it freezes the browser. I didn’t think that would be responsible (even for April Fool’s!).
Firefox also puts in the scrollbars around the foreignObject.
I had to use a referenced SVG because of WordPress. I’ve opened a bug for them.
> FakeSmile for Firefox sometimes freezes the browser
yes i read that in the source. i tried here and it doesn’t want to freeze. hmm. i’m on windows. were your freezes accompanied by cpu activity ?
just an idea : if the script is too greedy, try to increase var mpf (milliseconds per frame) to something like 100 or even 200. not so nice though.
HTH
About the “Website Skins” features in IE8.1, it’s not so unbelievable.
Opera actually has this out of the box.
Custom stylesheet per site. And 16 predefined CSS.