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 webkit-box-reliance
- (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 fx-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).
8. http://mogujie.com other-engine-unrelated-bug
- UI quirk: photo tiles don't show up in Firefox -- but that's because the site is unintentionally relying on a Blink/WebKit bug :(
Status Key for classification of UI issues that we're hitting
- fx-unrelated-bug: Site has a UI issue caused by a Firefox bug (not prefixing-related).
- other-engine-unrelated-bug: Site has a UI issue caused by accidental dependency on a bug in Blink/WebKit.
- webkit-box-reliance: Site has a UI issue caused by dependency on "-webkit-box" styles, with no fallback, & is fixed by emulating -webkit-box support.
- broken-moz-box: Site has a UI issue caused by misguided expectation that "-moz-box" behaves like "-webkit-box". (This generally prevents us from seeing "-webkit-box" & trying to emulate it, if "-moz-box" stuff comes after "-webkit-box" in their stylesheet.)