Platform/Layout/WebkitPrefixEmulation

This page tracks the status of a project to emulate a subset of "-webkit" prefixed properties, for an extremely-strict list of sites that are broken on Firefox mobile builds & for which we've been unsuccessful at getting the sites to fix themselves. (bug 1107378)

The top 10 fixlist sites are listed on the bug page, with screenshots provided by the China team.

I've listed these sites below, and intend to provide labels for each one indicating their current brokenness state.

1. http://m.taobao.com (actual URL after splash pages: http://h5.m.taobao.com/index2.html )

2. http://map.baidu.com fixed-with-webkit-box-emulation

• (Lots of horizontal menus end up as vertical, in unpatched firefox, due to "display:-webkit-box" containers rendering as "display:block")

3. http://music.baidu.com unrelated-bug

• I can't reproduce the bad rendering in the China team's screenshots. Maybe the site has been fixed?
• Minor non-prefixing-related UI bugs:
  • 2nd tab for "rings" has linewrapping issue -- filed bug 1127107
  • 3rd tab for "artists" is missing arrow ">" icon at right edge of buttons-- not sure what's happening there, no bug filed yet
  • 3rd tab for "artists" only shows 1 row of artist photos, vs. 2 rows on Chrome. This seems intentional (though strange) - the site creates a fixed-height "gallery" div to contain these, and it gives the gallery a larger specified height to in Firefox vs. Chrome (in the style attribute).

4. http://3g.163.com

5. http://hao123.com

6. http://3g.qq.com

7. http://shucheng.baidu.com

8. http://mogujie.com

• • UI quirk: photo tiles don't show up in Firefox -- but that's because the site is unintentionally relying on a Blink/WebKit bug  :(

9. http://dianping.com

10. http://m.qunar.com

Status Key:

• unrelated-bug: site has one or more rendering bugs which are unrelated to webkit-prefixed CSS
• fixed-with-webkit-box-emulation: site has rendering issues in Firefox, from depency on webkit-prefixed CSS, and these issues are confirmed to be fixed with emulation of "-webkit-box" CSS.