Interop 2023

[bsmth]

We would like to improve our documentation in areas covered by Interop 2023.

Tasks by focus area:

The following areas need update, additions or research:

Border-image

Beta Give feedback

1. Blog https://developer.mozilla.org/en-US/blog/border-images-interop-2023/

Color spaces and functions

Beta Give feedback

1. docs(CSS): Add color spaces, color models, examples using lch() and lab() content#30180
   Content:CSS +1
2. docs(CSS): Add color functions to CSS values and units page content#30074
   Content:Learn:CSS +1
3. docs(CSS): add examples of hue interpolation methods, add hue page content#25350
   +0
4. docs(CSS): Add See Also for hue data type, BCD to hue page for functions with this component content#29941
   Content:CSS +1
5. relnote(Fx113): CSS Color lvl 4 features are enabled by default content#26298
   Content:Other +1
6. docs(CSS): oklab example typo fix, reorder CSS in lch example content#25135
   +0
7. relnote(Fx111): color(), lab(), lch(), oklab(), oklch() support content#25015
   +0
8. Reviews Add <(color|hue)-interpolation-method>; de-duplicate <hue> descriptions content#26775
9. Reviews Unify the syntax format for CSS color functions content#26448
10. BCD relnote(Fx111): color(), lab(), lch(), oklab(), oklch() support browser-compat-data#19035
11. BCD relnote(Fx113): CSS Color lvl 4 features are enabled by default browser-compat-data#19426
12. Blog https://developer.mozilla.org/en-US/blog/learn-css-hues-colors-hsl/
13. Blog https://developer.mozilla.org/en-US/blog/css-color-module-level-4/

Container queries

Beta Give feedback

1. [PROJECT] Container Queries #256
   Content: CSS involves: Content p0 project +4
   
2. docs(CSS): Clarify style() container query support, simplify examples content#24481
   Content:CSS reduce binary assets +2
   
3. Blog https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/

CSS Math Functions

Beta Give feedback

1. relnote(Fx114): CSS calc() function supports NaN and infinity content#26784
   Content:CSS Content:Other +2
2. docs(relnote): Fx114 - 'infinity' and 'NaN' supported in CSS calc() browser-compat-data#19882
   data:css 🎨 +1
3. chore(learn): Add details about math functions, improve intro content#28949
   Content:Learn:CSS +1
4. Interop 2023: CSS Math Functions content#30076
   Content:CSS +1
5. chore(macros/CSSRef): add "Using CSS math functions" yari#10026
   macros +1

CSS pseudo classes

Beta Give feedback

1. N/A pseudos that didn't make it in -> :local-link, :target-within, :past, :future, :current
2. audio-related (:buffering, :muted, etc.) docs(css): Add docs for audio pseudo-classes content#27237
3. :open and :closed chore(iop): Add redirects for :open and :closed to :popover-open content#30342
4. :lang docs(relnote): Fx114 - CSS :lang() pseudo accepts comma-separated params, improved matching semantics content#26924
5. :user-valid (remove -moz prefix) (docs(css): remove -moz vendor-prefixed :user-valid and :user-invalid pseudos content#27273)
6. :user-invalid (remove -moz prefix) (docs(css): remove -moz vendor-prefixed :user-valid and :user-invalid pseudos content#27273)
7. :nth-col() (chore(CSS): delete and redirect not implemented nth-col() and nth-last-col() pages content#28965)
8. :nth-last-col() (chore(CSS): delete and redirect not implemented nth-col() and nth-last-col() pages content#28965)

Custom properties

Beta Give feedback

1. relnote(116): CSSPropertyRule and registerProperty() enabled in Fx nightly content#27902
   Content:Firefox Content:WebAPI +2
2. docs(CSS): Add more details to Using CSS custom properties page content#30451
   Content:CSS Content:WebAPI +2
3. docs(css): add module page for CSS Properties and Values API content#30503
   Content:CSS Content:WebAPI +2

Flexbox

Beta Give feedback

1. docs(CSS): Allow more usage of multi-keyword display values content#30831
   Content:CSS Content:Learn:CSS +2
2. chore(CSS): Replace png images with SVG equivalents content#30820
   Content:CSS reduce binary assets +2

Font Feature Detection and Palettes

Beta Give feedback

1. docs(css): Add pages for font-synthesis longhand properties content#27413
   Content:CSS +1
2. docs(css): Create page for font-feature-settings descriptor of the @font-face rule content#27513
   Content:CSS +1
3. Review: https://github.com/mdn/content/pull/28634/files

Forms

Beta Give feedback

1. chore(CSS): Add version details for vendor-prefixed appearance values content#30273
   Content:CSS +1
2. chore(CSS): revisit appearance prop page, examples content#28970
   Content:Learn:Client-side +1

Grid

Beta Give feedback

1. docs(css): Add details about subgrid to Grid Learn article content#28983
   Content:Learn:CSS +1
   
2. fix(css): Titles in module landing pages should follow sentence casing content#27280
   Content:CSS +1

Inert

Beta Give feedback

1. added a note about content not being percievable content#25548
   Content:HTML Content:WebAPI +2

Media Queries 4

Beta Give feedback

1. docs(CSS): Rename '@media/update-frequency' to '@media/update' content#27501
   Content:CSS Content:Other +2
2. docs(CSS): Range syntax support is maturing, adding example of range syntax to MQ Learn content#30925
   Content:CSS Content:Learn:CSS +2

Offscreen Canvas

Beta Give feedback

1. docs(API): Add links to OffscreenCanvas in canvas pages content#27563
   Content:HTML Content:WebAPI +2

Pointer and Mouse events

Beta Give feedback

1. docs(API): Add pages for azimuth and alttude angles for pointer events content#27326
   Content:WebAPI +1
2. docs(api): Add details of pointerrawupdate_event content#27466
   Content:WebAPI +1
3. docs(api): Add details on pointer getPredictedEvents() content#27453
   Content:WebAPI +1
4. docs(API): remove references to mozPressure deprecated prop content#27503
   Content:Other Content:WebAPI +2

Scrolling

Beta Give feedback

1. docs(css): Add module landing page for overscroll behavior content#30981
   Content:CSS Content:Glossary size/xl +3
2. docs(fx112-css-overflow): Add note for 'overlay' and update other descriptions content#25749
   Content:CSS Content:Glossary +2

Subgrid

Beta Give feedback

1. docs(css): Add details about subgrid to Grid Learn article content#28983
   Content:Learn:CSS +1
   

Transforms

Beta Give feedback

1. added release note for content-box and stroke-box in transform-box pr… content#29313
   Content:CSS Content:Firefox +2
2. docs(CSS): Add interactive examples for translate, rotate, scale content#22976
   Content:CSS +1
3. CSS Transforms Module #488
   Content: CSS effort: medium +2