Interop 2024

[estelle]

Problem statement

Ensure most recent interop features are fully documented on MDN. The proposed features are not yet selected, but in Q4 they will have been selected and hopefully addressed.

Proposed solutions

Ensure all documentation for interop features exist, updating content that already exists for Baseline, support lingo, removing unnecessary fallback information, linking to related content, and creating new content (guides mostly) if missing.

Task list

TBD: Interop 2024

For each topic above, do the following:

• Module landing page updated
  • Links between module and reference pages
• Create or update topic guide
• Check "learn", removing fallbacks and legacy lingo
• Accessibility, performance, and security covered
• Baseline grouping
• Feature browser tests (from interop page)
  • Test topics covered in reference page
  • <100% - check and document failed tests

Priority assessment

These topics were all considered important enough to be included in this year's interop. They will all be addressed in 2024 and should be fully supported in all browsers and fully covered in MDN docs by the end of the year. We need to confirm that they are covered, that guides exist and are useful, and the content is accurate and well linked, while ensuring new feature coverage is relevant to developer needs, discusses accessibility and best practices, and doesn't promote new features over more mundane legacy features.

While this project will last all year (Review of PRs from browser vendors, etc.), we need to focus on this in Q4

More information

Future link for Interop 2024: https://wpt.fyi/interop-2024

• Accessibility
• CSS Nesting
• Custom Properties
• Declarative Shadow DOM
• Font size adjust
• HTTPS URLs for WebSocket
• IndexedDB
• Layout - grid and flexbox
  • absolute-positioning
  • alignment
  • animation
  • fit-content
  • fit-rows/cols
  • grid-template-rows with percentages
  • grid-auto-repeat with aspect-ratio
  • implicit grids
  • subgrid
• Pointer and Mouse Events
  • disabled elements
  • mouse event attributes - .isTrusted , .composed , .bubbles, .cancelable attributes
  • pointerEvents -
• Popover
• Relative Color Syntax
• requestVideoFrameCallback
• Scrollbar Styling
  • scrollbar-width
  • scrollbar-gutter
• @starting-style and transition-behavior
• Text Directionality
• text-wrap: balance
  • CSS text module
• URL spec