Cufon & Safari 5 OSX Lion only

[nerdwithus]

I'm having an issue with cufon rendering in HTML 5 in the new safari that came with Lion OSX.

When the site is scrolled the cufon sort of scrolls with it. This is very peculiar.

I've been able to fix this issue some what by implementing the fix found here

http://stackoverflow.com/questions/4986277/presence-of-video-affects-cufon-text-in-safari

setting the cufon and canvas elements to position: static.

But that causes other issues.

Like not being able to absolute or relatively position anything that gets rendered by Cufon.

Is there a better fix for this?

[sorccu]

Hi,

I haven't come across this before, but you might want to try adding z-index (pretty much any value other than auto) to the positioned cufon elements instead of removing the positioning. It just might do the trick. Alternatively, you could try adding z-index to the video itself (or making it positioned if it isn't already). Please let me know how it goes.

Also, I think that this issue probably affects canvases in general. The Safari team will probably fix it on their side (sooner or later..) There are also other possibly related issues on that site, for example the submenus are sometimes left partially rendered.. see attachment (if it works).

The next version (1.10) actually no longer uses positioning so I guess the issue might go away then. But please do not ask when it's going to be released because I have no idea.

Simo

On Jul 26, 2011, at 11:18 PM, nerdwithme wrote:

I'm having an issue with cufon rendering in HTML 5 in the new safari that came with Lion OSX.

When the site is scrolled the cufon sort of scrolls with it. This is very peculiar.

I've been able to fix this issue some what by implementing the fix found here

http://stackoverflow.com/questions/4986277/presence-of-video-affects-cufon-text-in-safari

setting the cufon and canvas elements to position: static.

But that causes other issues.

Like not being able to absolute or relatively position anything that gets rendered by Cufon.

Is there a better fix for this?

Reply to this email directly or view it on GitHub: https://github.com/sorccu/cufon/issues/199

[clutchDM]

I'm, having a similar issue as well on my company's site. I did some research and I found a post for a wordpress theme that is having the same issue I have. Only seams to happen on Safari 5.1 on Lion.

http://themeforest.net/item/big-city-personal-and-blog-wordpress-theme/discussion/309410?page=15#comment_content_1351417

I'll try both of your solutions and see which one works.