Compatibility/Mobile/Libraries

Mobile Frameworks and Libraries

This wiki exists to document some of the research that the Web Compat team is doing around compatibility with existing and new (mobile) libraries and frameworks (i.e., jQuery Mobile, Zepto). Feel free to add links to issues or bugs, or start a new section. The end goal is to document current compatibility with Firefox OS and Firefox for Android and advocate within Mozilla for fixes to libraries where compatibility can be improved upon.

The commitgrep tool may be useful in this line of research.

jQuery

• "Incorrect $(window).width() in Firefox" [investigate][needsbug]
  • http://bugs.jquery.com/ticket/14210: closed invalid, seems a dupe of
  • http://bugs.jquery.com/ticket/4687*no2: closed WFM but comments suggest it might still be an issue
• ".children does not return direct child, but .find does [Firefox only]" [fixed][bugzilla-fixed][workaround]
  • http://bugs.jquery.com/ticket/13894
  • https://bugzilla.mozilla.org/show_bug.cgi?id=872853
  • fixed in 2f2e045ea66f320eee62b149a6b11f22aadb816b
• "Query doesn't work in a non-HTML document in UAs that have innerHTML on Element and create non-HTML elements via createElement" [fixed][bugzilla-fixed][workaround]
  • http://bugs.jquery.com/ticket/13754
  • https://bugzilla.mozilla.org/show_bug.cgi?id=858850*c8
  • fixed in c6a694e1c262acb941b7fd86663f186656496bbc
• ""no element found" in Firefox when $.post reply has no Content-Type" [open][bugzilla-open]
  • http://bugs.jquery.com/ticket/13450
  • https://bugzilla.mozilla.org/show_bug.cgi?id=884693
• "Resize event is triggered in the middle of a running function called by setTimeout, when calling elem.height()" [cantfix][bugzilla-open]
  • http://bugs.jquery.com/ticket/13376
  • https://bugzilla.mozilla.org/show_bug.cgi?id=840412 (apparently a regression)
• "Firefox focus and blur events not firing when calling focus() and blur()"[cantfix][needs-bugzilla]
  • http://bugs.jquery.com/ticket/13363 and http://jsfiddle.net/vKDe2/9/ (see note about possibly needing an iframe)
  • http://bugs.jquery.com/ticket/10557
• "document.ready not firing on Firefox, Opera with XSLT and XML" [open][bugzilla-open]
  • http://bugs.jquery.com/ticket/13193
  • https://bugzilla.mozilla.org/show_bug.cgi?id=325891
• "$(el).position().left returns wrong value in webkit browsers" [cantfix][bugzilla-open]
  • http://bugs.jquery.com/ticket/11813
  • http://bugs.jquery.com/ticket/11110
  • https://bugzilla.mozilla.org/show_bug.cgi?id=381328

jQuery Mobile

• "iframes with a link to a page on the same document causes the full document to be loaded in the iframe on FF" [open][buzilla-open]
  • https://github.com/jquery/jquery-mobile/issues/5972
  • https://bugzilla.mozilla.org/show_bug.cgi?id=927842

Zepto.js

• https://github.com/madrobby/zepto/search?q=firefox&ref=cmdform&type=Issues

• "Zepto framework platform detection doesn't detect FF mobile as Android" [fixed]
  • https://bugzilla.mozilla.org/show_bug.cgi?id=812197
  • Fixed by https://github.com/madrobby/zepto/commit/d21ce64170873d3c691fbfad9ac7c698de887fdb

• "webkit will report a proper scrollTop() value on $('body') but will always be 0 on $('html') and FF will report a proper scrollTop() value on $('html') but will always be 0 on $('body')."
  • https://github.com/madrobby/zepto/issues/392

Sencha Touch

See also https://bugzilla.mozilla.org/show_bug.cgi?id=895485

Testing with Sencha Touch 2.3.0 (GPL): http://www.sencha.com/products/touch/download/sencha-touch-2.3.0/2920

"Sencha Touch is the only framework that enables developers to build powerful apps that work on iOS, Android, BlackBerry, Windows Phone, and Internet Explorer 10."

JS

• https://github.com/miketaylr/sencha-touch-2.3.0-gpl/blob/master/microloader/development.js#L65 would fail for "Mobile;" tokens in FxOS and F4A.

• https://github.com/miketaylr/sencha-touch-2.3.0-gpl/blob/master/microloader/development.js#L134-L135

CSS

* Flexbox stuff has proper unprefixed properties, https://github.com/miketaylr/sencha-touch-2.3.0-gpl/blob/master/resources/css-debug/apple.css#L489-L493