interop

interop copied to clipboard

### Description From the spec: > Defines CSS properties and an API for creating animations that are tied to the scroll offset of a scroll container. I think the `Animation.progress`...

ydaniv

Margin-Trim

2

### Description The margin-trim property allows the container to trim the margins of its children where they adjoin the container's edges. ### Specification https://drafts.csswg.org/css-box-4/#margin-trim ### Additional Signals _No response_

rctneil

customizable HTML select element

1

### Description Over the last few years lots of work has been done putting together a customizable HTML select element. This finally appears to be coming together: Chrome Blog post...

jsnkuhn

### Description All browsers should allow for volume control from 0.0-1.0 for Audio + Video APIs. iOS/iPadOS WebKit does not allow for volume control (it is "read-only"). Use cases: -...

shalanah

CSS Module Scripts

2

### Description [**CSS Module Scripts**](https://github.com/WICG/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.md) are an already accepted web standard building on top of [**Import Attributes / Assertions**](https://github.com/tc39/proposal-import-attributes) and [**Constructable Stylesheets**](https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/CSSStyleSheet). With CSS Module Scripts, at least for first...

thescientist13

### Description Great support even on previous spec for most desktop browsers since 2011/2012 (12-13 years ago) and current spec 2018/2023 (1-6 years). WebKit support - ✅ MacOS supported -...

shalanah

The `filter()` function

4

### Description This allows us to apply a filter to an image before it's used as a `background-image` or `border-image`. It has been in Safari for almost a decade now,...

thebabydino

document.caretPositionFromPoint()

3

### Description The [`document.caretPositionFromPoint()`](https://drafts.csswg.org/cssom-view-1/#dom-document-caretpositionfrompoint) method is currently not implemented in WebKit. Instead, WebKit implements the non-standard [`document.caretRangeFromPoint()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/caretRangeFromPoint) method, which returns a `Range` instead of a `CaretPosition`. Note that Chromium also...

BenjaminAster

Many mobile browsers rely on user swiping to navigate. This can be detrimental to interactive websites that also rely on user inputs on swipe or horizontal scroll. Allow for ways...

shalanah

CSS `@custom-media` at-rule to manage media queries

2

### Description The [Media Queries Level 5](https://www.w3.org/TR/mediaqueries-5/) specification introduces the `@custom-media` at-rule, which acts as an alias for complex and repetitive media queries. Instead of hardcoding media query breakpoints across...

ramiy