Compatibility/Mobile/Non Standard Compatibility: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(→‎DOM APIs: Add webkitMatchesSelector)
(→‎CSS Features: Add section to indicate some need some more justification)
Line 24: Line 24:
'''High Priority'''
'''High Priority'''
* -webkit-flexbox (implemented currently by [https://bugzilla.mozilla.org/show_bug.cgi?id=1107378 1107378])
* -webkit-flexbox (implemented currently by [https://bugzilla.mozilla.org/show_bug.cgi?id=1107378 1107378])
* -webkit-background* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179386 1179386]
* -webkit- prefixed gradients [https://bugzilla.mozilla.org/show_bug.cgi?id=1210575 1210575]
* -webkit- prefixed gradients [https://bugzilla.mozilla.org/show_bug.cgi?id=1210575 1210575]
* -webkit-transforms [https://bugzilla.mozilla.org/show_bug.cgi?id=1179444 1179444]
* -webkit-transforms [https://bugzilla.mozilla.org/show_bug.cgi?id=1179444 1179444]
Line 37: Line 36:
* -webkit-animation [https://bugzilla.mozilla.org/show_bug.cgi?id=1179408 1179408]
* -webkit-animation [https://bugzilla.mozilla.org/show_bug.cgi?id=1179408 1179408]
* -webkit-border* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179393 1179393]
* -webkit-border* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179393 1179393]
'''Needs investigation to understand potential compat impact'''
* -webkit-column* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179406 1179406]
* -webkit-column* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179406 1179406]
* -webkit-background-x/-y* [https://bugzilla.mozilla.org/show_bug.cgi?id=1179386 1179386]


'''Super Hard but would fix many cosmetic issues (maybe create more?)'''
'''Super Hard but would fix many cosmetic issues (maybe create more?)'''

Revision as of 07:02, 6 November 2015

Meta tracking bug for all issues here: 1170774

Non-standard APIs and Properties required for Web Compatibility

This page contains a list of CSS and DOM properties & APIs required for compatibility with the de-facto (mobile) web.

Each is grouped into a group of relative priority, as perceived by the Web Compat team (based on known issues in Bugzilla and webcompat.com and other investigations).

Parts of this list will eventually make its way into the Compatibility Standard.

This document of WebKit stuff implemented in Microsoft Edge also serves as a guide, though not everything will be as important for Gecko.

CSS Features

Tracker bug for CSS changes: 1170789

Highest Priority

  • Enable CSS Unprefixing Service globally. 1177263

The rest of the properties below could be added to the CSS Unprefixing Service, or aliased natively, depending on what makes the most sense.

Any properties that are aliased or rewritten in CSS should also be available via the CSSOM.

High Priority

  • -webkit-flexbox (implemented currently by 1107378)
  • -webkit- prefixed gradients 1210575
  • -webkit-transforms 1179444
  • -webkit-transitions 1179437

Medium Priority

  • -webkit-appearance (or at least -moz-appearance to behave in the same way 605985)
  • -background-position-x/y 550426

Lower Priority

Needs investigation to understand potential compat impact

Super Hard but would fix many cosmetic issues (maybe create more?)

  • max-width 100% inside of table (975632 + blockers/dependencies, related, etc). In the process of trying to understand this bug, I went on a journey to graph the dependencies.

max-width graph

DOM APIs

Tracker bug for DOM changes: 1170774

High Priority

  • window.orientation/orientationchange event 920734
  • WebKitCSSMatrix 717722

Medium Priority

Low Priority

  • Make any CSSUnprefixingService-backed properties available via the DOM 1181624 (we need to gather bugs that would be fixed by having this).

Video

Retrieved from "https://wiki.mozilla.org/index.php?title=Compatibility/Mobile/Non_Standard_Compatibility&oldid=1104489"