The Popular Vote of Interop 2024

I believe it will be sometime in January we’ll hear what the Interop Project is going to focus on in 2024. This is a cross-company effort that picks certain web platform features to make sure work perfectly across browsers, meaning us web developers will more happily choose to implement them. I think it’s awesome.

We’ve already seen the list of proposals. Just for kicks, I went through the whole list and tally’d up the amount of positive-emoji reactions to each one (so stuff like 👍, ❤️, and 🚀, but no votes for negative or ambivalent reactions). This is to get a sense of the “popular vote” of what any random developer thinks of the proposals. I left a few reactions myself and had my own votes a while back.

The “Votes”

I have no idea if these “votes” will be heavily weighted by the decision makers. But at least now we’ll be able to compare what was chosen to what seemed to be the popular vote.

Proposal	Positive Votes
JPEG XL image format	498
View Transitions Level 1	135
Scroll-driven Animations	91
[css-values-5] attr() support extended capabilities	77
Popover	71
Unit division and multiplication for mixed units of the same type within calc()	66
CSS box sizing properties with MathML Core	65
Navigation API	59
CSS scrollbar-gutter	54
Relative Color Syntax	47
WebM AV1 video codec	42
CSS Nesting	42
CSS anchor positioning	40
CSS style container queries (custom properties)	36
WebM Opus audio codec	35
WebXR	34
Masonry layout	33
text-box-trim	32
Custom Media Queries	32
<details> and <summary> elements	31
margin-trim	27
Declarative Shadow DOM	26
EXPAND :has() to include support for more pseudo-classes	21
Web Share API	21
Allowing <hr> inside of <select>	19
text-wrap: balance	18
CSS Multi-Column Layout block element breaking	17
User activation (2024 edition)	17
Trusted Types	16
Canvas text rendering and metrics (2024 edition)	16
Notifications API	15
input[type=”range”] styling	14
display: contents accessibility	13
text-wrap: pretty	13
backdrop-filter	12
P3 All The Things	12
Accessibility issues with display properties (not including display: contents)	12
CSS Typed OM Level 1 (houdini)	12
Intersection Observer v2	12
Fetch Web API – Content-type parsing	11
Text Fragments	11
Media pseudo classes: :paused/:playing/:seeking/:buffering/:stalled/:muted/:volume-locked	11
Streams	11
CSS image() function	11
CSS element() function	11
css fill/stroke	11
import attributes / JSON modules / CSS modules	11
CSS Logical Properties and Values	11
Accessibility (computed role + accname)	10
font-family keywords	10
Gamut mapping	10
scrollbar-width CSS property	9
The @starting-style CSS rule	8
Resolve accessibility issues in datalist	8
Custom Highlight API	8
Scrollend Events	8
CSS Painting API Level 1 (houdini)	8
Full support of background properties and remove of prefixes	8
JSON Module Scripts	7
overscroll-behavior on the root scroller	7
HTML focusgroup attribute	7
URLPattern	7
CSS background-clip	7
WebDriver BiDi	7
<search>	6
Emoji text rendering using non-system emoji fonts	6
WasmGC	6
JavaScript Promise Integration	6
CSS text-indent	6
Canvas2D filter and reset	6
hidden=until-found and auto-expanding details	6
The transition-behavior CSS property	5
Web Audio API	5
WebRTC “end-to-end-encryption”	5
CSS color module level 4	5
CSS box-decoration-break	5
Viewport-Percentage Lengths in WebViews and In App Browsers	5
CSS Module Scripts	4
The overlay CSS property	4
WebTransport API	4
font-size-adjust	4
blocking=”render” attribute on scripts and style sheets	4
Indexed DB v3	4
HTTP(S) URLs for WebSocket	3
requestIdleCallback	3
document.caretPostitionFromPoint	3
WebRTC peer connections and codecs	3
CSS object-view-box	3
HTMLVideoElement.requestVideoFrameCallback()	3
Running WebAssembly Spec Tests in WPT	2
size-adjust	2
CSS :dir() selectors and dir=auto interoperability	2
Local Network Access and Mixed Content specification	2
Ready-made counter styles	2
CSS caret, caret-color and caret-shape properties	2
Storage Access API	1
CSS Zoom	1
video-dynamic-range Media Query	1
inverted-colors Media Query	1
Making the display and content-visibility CSS properties animatable	0
WIP: Typography bucket investigation	0
text-transform: full-size-kana & text-transform: full-width	0
MediaCapture device enumeration	0
Detect UA Transitions on same-document Navigations	0

What else?

This isn’t a list of everything possible they could work on, although it’s a pretty nice list. One I was thinking about is the Contact Picker API, as I got an email from an old friend wondering about how one might do such a thing on a website these days. It’s a pretty nice API, but it’s isolated to just Chrome on Android right now, which is a bummer. But alas, not happening in Interop 2024 (not that support work might not truck anyway).

What are your thoughts?

If you were the final choice for Interop 2024, what would you pick?