HTTPArchive
Interoperability 2022 queries
Progress on #2887
Why this matters
Compat 2021
- Flexbox
- [ ] Adoption of flexbox
- [ ] Adoption of
flex-basis: content - [ ] Popularity of
justify-content,align-items, andalignproperty values - [ ] Adoption of absolutely positioned flex item ❓
- [x] Adoption of
position: sticky - [ ] Adoption of
aspect-ratio - [ ] Adoption of
transform: perspective(none) - [ ] Adoption of
transform-style: preserve-3d
Interop 2022
- [x] Adoption of cascade layers
- [ ] Distribution of the number of
@layerblocks per page - [ ] Adoption of color spaces
- [ ] Adoption of color functions
- [ ] Popularity of viewport units
- [x] Adoption of
<dialog> - [ ] Adoption of
::backdrop - [ ] Adoption of
containproperty - [ ] Popularity of
containvalues - [ ] Adoption of
@containerruleset - [ ] Adoption of subgrid
- [ ] ❓ Forms
- [ ] ❓ Scrolling
- [ ] ❓ Typography and encodings
cc @bkardell
@bkardell could you help clarify what is the meaning of "Adoption of absolutely positioned flex item" with an example please?
@bkardell could you help clarify what is the meaning of "Adoption of absolutely positioned flex item" with an example please?
I think it's referring to this: https://chenhuijing.com/blog/flexbox-and-absolute-positioning/#%F0%9F%91%BE
It'll be tricky to measure because I'm not sure we'll reliably know that a given element with absolute positioning is a flex item. Sometimes the declarations will also include a flex-related property like align-items in the example.
@bkardell WDYT?
@bkardell could you help clarify what is the meaning of "Adoption of absolutely positioned flex item" with an example please?
I think it's referring to this: https://chenhuijing.com/blog/flexbox-and-absolute-positioning/#%F0%9F%91%BE
It'll be tricky to measure because I'm not sure we'll reliably know that a given element with absolute positioning is a flex item. Sometimes the declarations will also include a flex-related property like
align-itemsin the example.@bkardell WDYT?
Yeah, it's basically that - there are a slew of a few hundred tests for this in https://wpt.fyi/results/css/css-flexbox/abspos?label=master&label=experimental&product=chrome&product=firefox&product=safari&aligned&view=interop&q=label%3Ainterop-2021-flexbox.
But yeah, it's probably very hard to know/quantify this tbh - I'm not sure how we can, and if we can't I think that that is fine. Again there is going to be a lot in this chapter that it is difficult to measure this way or quantify and predict so I expect we'll lean on pointing to interop tests and such as much as we can.
Queries updated and rerun based on feedback. There's an open question for @bkardell on color spaces. I'll merge this PR as-is and we can reopen a new one if any additional changes are needed.