jQuery Mobile doesn't work with Firefox 4.0b6

[shmerl]

For example when opening Page Transitions ( http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html ) in Firefox 4.0 b6 it produces a whole bunch of errors (and transitions don't work as expected):

Warning: Error in parsing value for 'background-image'. Declaration dropped. Source File: http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css Line: 9

Warning: Expected identifier or string for value in attribute selector but found '#'. Malformed simple selector as negation pseudo-class argument '#'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'first'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'radio'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'checkbox'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'button'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'submit'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'reset'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'image'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'eq('. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'header'. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

Warning: Unknown pseudo-class or pseudo-element 'has('. Source File: http://jquerymobile.com/demos/1.0a1/#docs/pages/docs-transitions.html Line: 0

... etc.

[toddparker]

Hi -

Can you confirm if this is still an issue in the latest build: http://jquerymobile.com/test/

_t

[shmerl]

It's even worse with this latest test page. The page looks like a degraded view.

Still a lot of errors like (these are from http://jquerymobile.com/test/ and http://jquerymobile.com/test/docs/pages/docs-transitions.html )

Warning: Error in parsing value for 'background-image'. Declaration dropped. Source File: http://jquerymobile.com/test/themes/default/ Line: 14

Warning: Unknown property 'border-top-left-radius'. Declaration dropped. Source File: http://jquerymobile.com/test/themes/default/ Line: 130

Warning: Expected media feature name but found '-webkit-min-device-pixel-ratio'. Source File: http://jquerymobile.com/test/themes/default/ Line: 158

Warning: Expected media feature name but found 'max--moz-device-pixel-ratio'. Source File: http://jquerymobile.com/test/themes/default/ Line: 158

Warning: Unknown property 'box-shadow'. Declaration dropped. Source File: http://jquerymobile.com/test/themes/default/ Line: 236

Warning: Unknown property 'text-overflow'. Declaration dropped. Source File: http://jquerymobile.com/test/themes/default/ Line: 281

Warning: Unexpected token in attribute selector: '!'. Source File: http://jquerymobile.com/test/docs/pages/docs-transitions.html Line: 0

Error: from is undefined Source File: http://jquerymobile.com/test/js/all Line: 9857 Error: elem.document.body is null Source File: http://jquerymobile.com/test/js/all Line: 6921

[shmerl]

Just test it with beta 6

[toddparker]

We downloaded beta 6 today on two macs and it the browser won't load any pages at all. Completely broken.

[shmerl]

Gecko 2.0 has A LOT of changes from Gecko 1.x. So a thorough testing is needed for Firefox 4 / Fennec 4 compatibility.

[shmerl]

Is there anything done to fix Firefox/Fennec compatibility?

[toddparker]

We've been testing the latest build in both in the latest Firefox Mobile (Fennic) on Android and the latest Firefox 4 beta 9 and from what I can see if works really great. I am seeing a few warnings (not errors) related to some CSS pseudo classes which may be causing the animated transitions to not work but that is the only thing that not 100%. Renders great and is really fast. You can open specific issues against bugs but I'm closing this because it seems to work really well now.