CSS: Difference between revisions

From MozillaWiki
Jump to navigation Jump to search
(Reprioritize some items for 2018 - in progress)
(→‎2018 Priorities: a few more)
Line 22: Line 22:
* [https://drafts.csswg.org/css-shapes/ CSS Shapes] (CR, another CR expected any moment now in 2017) [https://bugzilla.mozilla.org/show_bug.cgi?id=1040714 metabug]
* [https://drafts.csswg.org/css-shapes/ CSS Shapes] (CR, another CR expected any moment now in 2017) [https://bugzilla.mozilla.org/show_bug.cgi?id=1040714 metabug]
** [https://bugzilla.mozilla.org/show_bug.cgi?id=1098939 shape-outside]
** [https://bugzilla.mozilla.org/show_bug.cgi?id=1098939 shape-outside]
==== Scrollbar Styling ====
Spec in editor's draft - many requests for this
* https://drafts.csswg.org/css-scrollbars-1/
==== text-decoration-skip ====
* parity with Chrome


==== Containment ====
==== Containment ====
Line 36: Line 43:
[https://drafts.csswg.org/css-color-4/ CSS Color Module Level 4] (ED), [https://bugzilla.mozilla.org/show_bug.cgi?id=1352753 metabug]
[https://drafts.csswg.org/css-color-4/ CSS Color Module Level 4] (ED), [https://bugzilla.mozilla.org/show_bug.cgi?id=1352753 metabug]
* Color improvements (wide gamut, color correction, note CSS color correction preffed off)
* Color improvements (wide gamut, color correction, note CSS color correction preffed off)
==== SVG properties in CSS ====
This bit from SVG2:
* [https://bugzilla.mozilla.org/show_bug.cgi?id=1383650 1383650: Implement SVG geometry properties in CSS]


==== Media Queries 4 ====
==== Media Queries 4 ====
Line 43: Line 54:
** [https://drafts.csswg.org/mediaqueries-4/#mf-interaction interaction features]  [https://bugzilla.mozilla.org/show_bug.cgi?id=1035774 #1035774]
** [https://drafts.csswg.org/mediaqueries-4/#mf-interaction interaction features]  [https://bugzilla.mozilla.org/show_bug.cgi?id=1035774 #1035774]
** [https://logs.csswg.org/irc.w3.org/css/2017-08-02/#e841291 2017-08-02 CSSWG resolved to take to CR]
** [https://logs.csswg.org/irc.w3.org/css/2017-08-02/#e841291 2017-08-02 CSSWG resolved to take to CR]
==== Better Print Support ====
Which specs / features in particular, TBD.


=== Actively Implementing ===
=== Actively Implementing ===

Revision as of 21:06, 12 December 2017

This is the Mozilla wiki home page for Cascading Style Sheets (CSS), one of several areas of Open Web Standards.

CSS

Platform priorities

The following CSS specs/proposals are a priority for the Platform.

2018 Priorities

These are *in progress* 2018 Priorities for CSS features in Firefox.

(currently being discussed at Yallhands in Austin, Texas)

Some public discussion here:

Grid Level 2

Grid Level 2 AKA subgrid

Shapes

Scrollbar Styling

Spec in editor's draft - many requests for this

text-decoration-skip

  • parity with Chrome

Containment

Multi-column

(Jen has a demo of bugs / test page at http://labs.jensimmons.com/examples/multicolumn-3-bug-demo.html)

CSS Color Level 4

CSS Color Module Level 4 (ED), metabug

  • Color improvements (wide gamut, color correction, note CSS color correction preffed off)

SVG properties in CSS

This bit from SVG2:

Media Queries 4

Better Print Support

Which specs / features in particular, TBD.

Actively Implementing

Beyond the above priorities, we should continue to actively implement, fix bugs on the following:

Flexbox

Mozilla has a pretty solid complete Flexbox (W3C CR, just waiting on feature-interaction tests to go PR) implementation. We are working on some fixes to make it even better, e.g.

Grid

Box Alignment

3D Transforms

Inline Layout

Masking

Sizing

CSS Intrinsic & Extrinsic Sizing Module Level 3 (WD)

Text Decoration

CSS Text Decoration Module Level 3 (2013 CR) (metabug), e.g.:

Writing Modes

CSS Writing Modes Level 3 (2015 CR) (metabug)

Under the hood and related

Evaluating

Font Rendering Controls

CSS Font Rendering Controls Module Level 1 (ED)

Font Loading

CSS Font Loading Module Level 3 https://developer.mozilla.org/en-US/docs/Web/API/CSS_Font_Loading_API shipped in 41

  • CSS Font Loading Improvements, Multiple bugs

Other

  • font inflation removed
  • CSS Transform properties (shorthands)

Related HTML5

HTML5 layout and presentation related work:

Recent CRs

Cascading and Inheritance

Upcoming CRs

These CRs are expected in 2017:

For all potential CRs:

  • Which browsers have openly announced implementations or intent to implement? (links?)
  • Box Alignment (see above)

Fonts Level 3

Text Level 3

Selectors 4

Selectors 4 (need list of changes since 3), metabug

  • No explicit dependency on Stylo, just lower priority
  • Selectors4 remaining features
    • CSS ::selection fixes + unprefixing
    • ... remaining new features? (JS)

Shipping Soon

As the above priorities get implemented, moving down here to note we're waiting for them to ship.

Values and Units 3

CSS Values and Units Module Level 3 (CR)

  • [ ] attr function (at risk) — very useful in combination with CSS Shapes, in the context of a CMS

Image Values and Replaced Content

CSS Image Values and Replaced Content Module Level 3 (CR)

  • image() function
  • [ ] xywh fragment syntax

Style sheet APIs for Add-ons

  • style sheet APIs in add-ons SDK / loading async APIs (to be handled by stylo)

Filter Effects Level 2

Motion Path Module

https://www.w3.org/TR/motion-1/ (currently Working Draft)

Device Adaptation

CSS Device Adaptation Module Level 1 (WD)

Houdini

  • CSS Houdini - see inside for Houdini implementation thoughts/plan

properties

Please add subpages for each (unprefixed) CSS property in alphabetical order.

in development

CSS properties which have not yet made it to a Candidate Recommendation (or later), or are only implemented in the wild in prefixed form.

new pseudo-classes

new properties

See Also

Retrieved from "https://wiki.mozilla.org/index.php?title=CSS&oldid=1185710"