css('float') is different when element is static,absolute,fixed in different browsers

[[email protected]…]

$(el).css('float') is different in different browsers when element is absolute or fixed. If element is floated left and an absolute position, $(el).css('float') returns "left" in Chrome but "none" in all other major (up-to-date) browsers.

example: ​http://jsfiddle.net/ChPCD/7/

[dmethvin]

Looks like a Chrome bug to me. Have you reported it in their bug tracker? I didn't see it or anything like it in a search. ​http://code.google.com/p/chromium/issues/list

​http://www.w3.org/TR/css3-positioning/ Section 8:

if ‘position’ has the value absolute, page or fixed, and the value of float is left or right, the box is absolutely positioned and the computed value of float is none.

In any case there's a simple workaround, not sure it's worth a special case inside jQuery for this but looping in mikesherov for his opinion.

[mikesherov]

Definitely a WEBKIT bug, as it's in Safari too. Good catch. Float's resolved value is it's computed value, so this should return none. It would be pretty easy for us to pave over this with a cssHook if you guys think it's worth it. I'm guessing 20 bytes or so. @dmethvin, thoughts?

I'll check webkit for a bug report and submit if not.

[mikesherov]

reported: ​https://bugs.webkit.org/show_bug.cgi?id=105836

[dmethvin]

@mikesherov, do you want to try a patch for this? I'm okay with a wontfix as well, it's a pretty rare case.

[mikesherov]

Ill patch it. We need SOME patches now that oldIE is gone :P

[mikesherov]

Actually, I'm not going to patch this considering the webkit bug is almost fixed at this point: ​https://bugs.webkit.org/show_bug.cgi?id=105836

THE SYSTEM WORKS.