I have proposed to run short surveys on MDN to get some additional signals on the relative interest in the different features being proposed for Interop 2023.

This is not the only input for Interop 2023, just one more data point, and will have its blind spots.

We have a lot of proposals, and some of them have a very different target audience. Most of MDNs page views are for JavaScript reference docs like Array, so asking all MDN visitors about all features is not practical. Instead I've tried to created groups and targeting based on topic.

In the lists below, the survey wording is the first level and the proposals these map to (not shown in survey) is in a nested level. This is inherently an imperfect mapping, and wording choice can affect the results.

Prompt and Question

Survey prompt before expanding: "Browser vendors are working together to improve feature support across browsers. Shape the future of the web by taking this 1-question survey!"

(I'm open to toning down the "Shape the future of the web" bit.)

Question: "For your needs as a developer, which features should be improved across browsers in the coming year? This means enabling support or fixing bugs. Please rank up to 5. (This is not a complete list, other features may also be planned.)"

CSS & HTML

For pages under CSS and HTML, show this list:

• CSS attribute references (attr() function)
  • attr() support extended capabilities (Interop 2023) #86
• CSS backdrop-filter property
  • backdrop-filter #210
• CSS :blank and :empty pseudo-classes
  • :blank pseudo-selector support (re form fields) #179
• CSS color font feature detection and palettes
  • Font feature detection and palettes #164
• CSS color spaces and functions (color(), lab(), gradients, etc.)
  • Interpolation color space for gradients #109
  • Add P3 in WebGL Canvas tests to Color Spaces and Functions focus area #168
  • CSS Relative Color Syntax #226
• CSS containment (contain, contain-intrinsic-size, content-visibility)
  • css-contain-2 and contain-intrinsic-size #189
• CSS custom properties (@property)
  • Better support for @property #158
• CSS :dir() pseudo-class
  • :dir() improved support #177
• CSS outline property (including outline-color)
  • Focus Outline Color #166
• CSS images (border-image, image(), image-set())
  • css image-set() #144
  • CSS border-image #146
  • CSS image() function #153
• CSS leading-trim property
  • CSS leading-trim #155
• CSS mask property (mask-image, mask-mode, etc.)
  • Better Support for CSS masks #148
• CSS math functions (round(), sin(), pow(), abs(), etc.)
  • CSS Math Functions #149
• CSS motion path (offset-path, offset-distance, etc.)
  • CSS Motion Path (offset properties) #227
• CSS media queries range syntax (example: @media screen and (428px < width < 744px))
  • Range syntax for media/container queries #141
  • Media Queries 4 #154
• CSS :nth-child() pseudo-class with selector-list argument
  • :nth-* pseudo-classes interoperability #225
• CSS scoping (@scope at-rule)
  • @scope #183
• CSS Typed Object Model (computedStyleMap() API)
  • Typed OM (houdini) #163
• CSS :user-invalid and :user-valid pseudo-classes
  • :user-invalid & :user-valid browser support #178
  • :empty pseudo-selector (spec updated) #180
• Custom Paint API (Paint Worklet)
  • paintAPI (houdini) #160

APIs & JavaScript

For pages under API and JavaScript, show this list:

• Canvas text rendering
  • Canvas text rendering and metrics #159
• Clipboard API (navigator.clipboard)
  • Clipboard API #143
• Editing (contenteditable)
  • contenteditable #188
• File System (navigator.storage.getDirectory())
  • Origin Private File System (OPFS) #172
• History API (window.history)
  • History and navigation, excluding the navigation API #199
• Import Maps
  • Import Maps #184
• Intersection Observer
  • Intersection Observer v2 #173
• Navigation API (window.navigation)
  • The navigation API #200
• OffscreenCanvas
  • OffscreenCanvas #161
• Pointer Events
  • Pointer and mouse events #202
• Priority Hints (fetchpriority HTML attribute)
  • Priority hints #223
• Push notifications
  • PWA manifest and push notifications #218
• Storage quota estimation (navigator.storage.estimate())
  • StorageManager.estimate #221
• Temporal API
  • [JS API] Temporal #169
• URL (parsing and API)
  • URL Standard – new URL() #145
• User agent client hints (navigator.userAgentData)
  • User agent client hints  #219
• Web Codecs (AudioDecoder, VideoDecoder, etc.)
  • WebCodecs API #175
• Web Components (custom elements, Shadow DOM, etc.)
  • Web Components #181
  • Form-Associated Custom Elements #203
  • Constructable Stylesheets & adoptedStyleSheets #204
  • CSS Module Scripts #206
  • Imperative Slot Assignment #207
  • :host(:has(...)) pointing to light DOM content #208
  • @font-face and @property constructs in Shadow Roots #212
  • Composed Selection (Selection APIs for Shadow DOM) #216
• WebTransport
  • WebTransport #186

Not Included

These proposals aren't included, for a variety of reasons:

• font-style for variable fonts with either Slant or Italic axes. #64 (hard to explain succinctly)
• Support for speak-as property to control aural presentation #114 (MDN short surveys design #196 (comment))
• Container Queries  #133 (already have strong signals, likely to dominate results if included)
• :has() pseudo-class #134 (already have strong signals, likely to dominate results if included)
• inert attribute + :modal pseudo-class #135 (MDN short surveys design #196 (comment))
• User gestures #142 (hard to explain the exact scope)
• Machine Learning in the Browser #152 (MDN short surveys design #196 (comment))
• WebDriver BiDi #165 (target audience is mainly automation frameworks, not general web developers)
• Input write mode consistency #167 (hard to explain succinctly)
• RegExp lookbehind assertions #171 (too small?)
• css conic-gradient #174 (already supported, unclear if there are bugs)
• JPEG XL image format #176 (unclear which bucket makes sense)
• Animated AVIF #182 (unclear which bucket makes sense)
• WebGPU #185 (investigation effort)
• Web Compatibility #187 (mix of features)
• ES Module support for Web Workers #192 (this limitation is probably not widely known)
• Support for CSS Flexbox/Grid Gap Decorations #193 (new feature, likely to be conflated with flex gap)
• Non-responsive image loading #195 (hard to explain succinctly)
• MathML Core  #197 (unclear which bucket makes sense)
• Mobile Testing #201 (test infrastructure)
• Consistent accessibility tree outputs #211 (not web exposed, affects users, not developers?)
• Cross-Origin Opener Policy: restrict-properties #213 (network feature, unclear which bucket makes sense)
• SVG 1.1 and 2.0 #214 (very broad, like MathML unclear which bucket)
• Web Performance: Paint Timing #215 (investigation effort)
• SameSite cookie handling #217 (network feature, doesn't fit either bucket)
• EditContext API #220 (unlikely to be recognized by web developers, not documented anywhere yet?)
• requestAnimationFrame in WorkerGlobalScope #222 (could be included under APIs, but hit limit of 20)
• Media pseudo classes: :paused/:playing/:seeking/:buffering/:stalled/:muted/:volume-locked #224 (could be included under CSS, but hit limit of 20)