Chrome/Safari bug on position:fixed elements

Update:

It seems this is not really a bug, according to this it is actually how it should work… don’t know but it seems weird at least.

Chrome/Safari bug on position:fixed elements

So, it seems that fixed positioned elements will become absolute positioned elements if the container where they are has the -webkit-transform property set to anything different from none.

This seems to only happens if the container is initially hidden and then shown, (like when you want to do some cool intro animation)

So the fix in my case was easy as you can see here http://jsfiddle.net/royriojas/a54GG/show/ it was just make the container to be visible but covered by the loading screen…

There is also another bug in chrome that makes webfont to render improperly, but that is material for another post…

Advertisements

2 thoughts on “Chrome/Safari bug on position:fixed elements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s