BASELINE NowYouCanUse.com
Web Platform Baseline Status Breakdown Total Features: 1219
Search:
Showing 30 of 444 features

Limited Availability

30 features
• In Progress / Not Yet Baseline

The :playing, :paused, :seeking, :buffering, :stalled, :muted, and :volume-locked CSS pseudo-classes match <audio> and <video> elements based on their state.

Chrome —
Firefox 150
Safari 15.4
Edge —
Status: Incomplete cross-engine support
Limited

The border-shape CSS property sets the geometry of the border box, changing the shape of any applicable border, border image, focus outline, or shadow.

Chrome 147
Firefox —
Safari —
Edge 147
Status: Incomplete cross-engine support

The startViewTransition() method of an Element object starts a view transition that affects only that element's DOM tree. You can use this to run separate elements' transitions concurrently.

Chrome 147
Firefox —
Safari —
Edge 147
Status: Incomplete cross-engine support

WebXR layer types, such as XRCylinderLayer, XRCylinderLayer, XREquirectLayer, XRProjectionLayer or XRQuadLayer, are managed by the system compositor, to reduce latency or resampling.

Chrome 147
Firefox —
Safari —
Edge 147
Status: Incomplete cross-engine support

Crash reporting sends a report to a URL nominated by the Reporting-Endpoints header when a user is unable to continue using the page because the browser or tab crashed.

Chrome 96
Firefox 149
Safari —
Edge 96
Status: Incomplete cross-engine support
Limited

The CloseWatcher API listens and responds to close requests on in-page components, such as modals, popovers, and sidebars.

Chrome 126
Firefox 149
Safari —
Edge 126
Status: Incomplete cross-engine support

The captureStream() method for <audio> and <video> elements returns a MediaStream for the media element's content. You can use this to record media or send it elsewhere, such as a canvas or WebRTC connection.

Chrome 62
Firefox 149
Safari —
Edge 79
Status: Incomplete cross-engine support

Scroll-triggered animations start and stop CSS animations when an element is within or outside a scrolling range. It's an alternative to applying styles with the IntersectionObserver API. Not to be confused with scroll-driven animations.

Chrome 146
Firefox —
Safari —
Edge 146
Status: Incomplete cross-engine support

The precommitHandler callback option to NavigateEvent's intercept() method returns a promise that defers navigation until the promise resolves. You can use this to change the navigation's URL, state, and history before navigation occurs.

Chrome 146
Firefox 148
Safari —
Edge 146
Status: Incomplete cross-engine support

The <meta name="text-scale" content="scale" /> HTML element allows the browser's initial font size to be affected by the operating system text scale settings. The <meta name="text-scale" content="legacy" /> element is the default behavior that respects only browser font-size settings.

Chrome 146
Firefox —
Safari —
Edge 146
Status: Incomplete cross-engine support
Limited

The Sanitizer API customizes the sanitization of HTML parsed and inserted into the DOM in a way that can prevent cross-site scripting attacks. You can use it with DOM APIs that accept a sanitizer option, such as parseHTML() or setHTML().

Chrome 146
Firefox 148
Safari —
Edge 146
Status: Incomplete cross-engine support

The CustomElementRegistry() constructor creates a new custom element registry that's separate from the global window.customElements registry. Creating more than one registry is useful for multiple custom elements that have the same tag name to coexist.

Chrome 146
Firefox —
Safari 26
Edge 146
Status: Incomplete cross-engine support

The overflow-clip-margin CSS property sets how far overflow content may appear outside the bounds of an element before it's clipped by effects such as overflow: clip.

Chrome —
Firefox 148
Safari —
Edge —
Status: Incomplete cross-engine support

The hidden="until-found" attribute hides an element until it is found using the browser's find-in-page search or it is directly navigated to by following a URL fragment.

Chrome 102
Firefox 148
Safari —
Edge 102
Status: Incomplete cross-engine support

The column-wrap and column-height CSS properties control when columns in a multicolumn layout wrap or overflow. You can use this to constrain the height of columns within a taller box or to create two-dimensional column layouts.

Chrome 145
Firefox —
Safari —
Edge 145
Status: Incomplete cross-engine support

The window.crashReport object is a key-value store to record information about your application's state. If there's a crash, then the data in the key-value store is sent to your crash reporting endpoint, to help you pinpoint the cause of the crash.

Chrome 145
Firefox —
Safari —
Edge 145
Status: Incomplete cross-engine support

The confidence property of a navigation performance entry describes whether the navigation metric is likely to be representative the page's performance (high confidence) or affected by transient conditions, such as browser startup (low confidence).

Chrome 145
Firefox —
Safari —
Edge 145
Status: Incomplete cross-engine support

The "local-network-access" user permission (and certain actions that imply this permission, such as a fetch() request with { targetAddressSpace: "local" }) allows a site to send requests to servers on a user's local network.

Chrome 145
Firefox —
Safari —
Edge 145
Status: Incomplete cross-engine support
Limited

The text-justify CSS property sets the justification method of text when text-align: justify is set.

Chrome 145
Firefox 55
Safari —
Edge 145
Status: Incomplete cross-engine support

The initialPermissionStatus property of the HTMLGeolocationElement API represents whether geolocation was previously granted, denied, or neither, when the page first loads.

Chrome 144
Firefox —
Safari —
Edge 144
Status: Incomplete cross-engine support

The <geolocation> HTML element represents a button that, upon activation, prompts the user to choose whether to grant the page access to geolocation data.

Chrome 144
Firefox —
Safari —
Edge 144
Status: Incomplete cross-engine support

The subgroups extension for the WebGPU Shading Language (WGSL) enables SIMD parallelism. Using subgroups, threads in a workgroup can efficiently communicate and perform collective operations.

Chrome 144
Firefox —
Safari —
Edge 144
Status: Incomplete cross-engine support
Limited

The caret-shape CSS property sets the shape of the insertion caret, the symbol that shows where the next character is to be inserted or deleted.

Chrome 144
Firefox —
Safari —
Edge 144
Status: Incomplete cross-engine support

The clipboardchange event for navigator.clipboard fires when the user modifies the clipboard's contents.

Chrome 144
Firefox —
Safari —
Edge 144
Status: Incomplete cross-engine support

The Temporal API allows you to work with dates, times, time zones, and durations. It is more powerful than the Date API.

Chrome 144
Firefox 139
Safari —
Edge 144
Status: Incomplete cross-engine support
Limited

The navigator.gpu API performs operations such as rendering and computation on dedicated graphics hardware (also known as a Graphics Processing Unit).

Chrome 144
Firefox —
Safari 26
Edge 144
Status: Incomplete cross-engine support

The position-visibility: anchors-valid and position-visibility: anchors-visible CSS declarations are aliases for anchor-valid and anchor-visible.

Chrome —
Firefox 147
Safari 26.2
Edge —
Status: Incomplete cross-engine support

Module import … with { type: "css" } statements load CSS modules as constructable stylesheets. Also known as CSS module scripts.

Chrome 123
Firefox 147
Safari —
Edge 123
Status: Incomplete cross-engine support
Limited

Provides access to raw mouse movement by locking the target of mouse events to a single element and hiding the mouse cursor.

Chrome 37
Firefox 50
Safari 10.1
Edge 13
Status: Incomplete cross-engine support
Limited

The accent-color CSS property sets a color for checkboxes, radio buttons, and other form controls.

Chrome 93
Firefox 92
Safari 26.2
Edge 93
Status: Incomplete cross-engine support
← Previous Page 3 of 15 (444 features) Next →