Experimental Chromium Web Platform Features
Experimental web platform features are not yet part of the official web platform specifications and are marked as "experimental" in Chromium.
Polypane ships with these features (and more) enabled by default. Other Chromium browsers let you enable these on a "flags" settings page.
Added in Chromium 130 currentPolypane 22.1.1
- CSS At Property String Syntax
CSSAtPropertyStringSyntax
chromestatus.comSupport for "<string>" syntax component name for registered custom properties.
- CSS Relative Color Supports Currentcolor
CSSRelativeColorSupportsCurrentcolor
chromestatus.comAllow relative colors in CSS (using the 'from' keyword) to use 'currentcolor' as a base. This will make it easy for web developers to set complementary colors, based on an element's text color, for that element's borders, shadows, backgrounds, etc. This feature also includes use cases where color functions are nested with a dependency on currentcolor, for example `color-mix(in srgb, rgb(from currentcolor r g b), white))` or `rgb(from rgb(from currentcolor 1 g b) b g r)`.
- Font Variant Emoji
FontVariantEmoji
chromestatus.comFont-variant-emoji CSS property provides users an easy way to control between colored (emoji-style) and monochromatic (text-style) emoji glyphs presentations. This can be also done by adding an emoji Variation Selector, specifically U+FE0E for text and U+FE0F for emojis, after each emoji codepoint. Using font-variant-emoji CSS property allows web developers to select between emoji style (colored) emoji presentation, text style (monochromatic) emoji presentation and unicode default emoji presentation [0]. This property only affects emojis that are part of a Unicode emoji presentation sequence [1]. [0] https://www.unicode.org/reports/tr51/tr51-25.html#Emoji_Presentation [1] http://www.unicode.org/emoji/charts/emoji-variants.html
- Popover Anchor Relationships
PopoverAnchorRelationships
chromestatus.comThis chromestatus represents the following related set of changes, which were resolved in https://github.com/whatwg/html/pull/9144#issuecomment-2195095228 and landed in https://github.com/whatwg/html/pull/10728: 1. add an imperative way to set invoker relationships between popovers: popover.showPopover({source}) 2. invoker relationships create implicit anchor element references.
- Selection Is Collapsed Shadow DOM Support
SelectionIsCollapsedShadowDOMSupport
chromestatus.comSelection isCollapsed should return true if and only if the anchor and focus are the same. This should be true whether the selection starts/ends inside a light or a shadow tree. Currently, the Chrome implementation returns true if selection's anchor node is in a shadow tree, even if the selection itself is not collapsed. We fix this by removing the erroneous shadow tree check.
- Web Authentication Client Capabilities
WebAuthenticationClientCapabilities
chromestatus.comgetClientCapabilities() method allows to determine which WebAuthn features are supported by the user's client. The method returns a list of supported capabilities, allowing developers to tailor authentication experiences and workflows based on the client's specific functionality.
- New features in Chromium 130 with missing descriptionCanvas2d Layers With Options
Canvas2dLayersWithOptions
Canvas2d Text Metrics ShapingCanvas2dTextMetricsShaping
CSS Pseudo ColumnCSSPseudoColumn
CSS Relative Color Late Resolve AlwaysCSSRelativeColorLateResolveAlways
CSS Visibility InertCSSVisibilityInert
Document Policy Expect No Linked ResourcesDocumentPolicyExpectNoLinkedResources
Storage Access HeaderStorageAccessHeader
System Fallback Emoji V S SupportSystemFallbackEmojiVSSupport
Web App InstallationWebAppInstallation
Added in Chromium 129
- CSS Pseudo Scroll Buttons
CSSPseudoScrollButtons
chromestatus.comAllow the creation of interactive scroll buttons as pseudo-elements, e.g. .scroller { overflow: auto; } .scroller::scroll-button(inline-start) { content: "<"; } .scroller::scroll-button(inline-end) { content: ">"; } These should be focusable, behaving as a button (including their UA styles). When activated, a scroll should be performed in the direction by some amount. When it is not possible to scroll in that direction, they should be disabled (and styled via :disabled), otherwise they are enabled (and styled via :enabled). Selector allows to define buttons in four logical directions: block-start, block-end, inline-start, inline-end; as well as four physical directions: up, down, left, right.
- Language Detection API
LanguageDetectionAPI
chromestatus.comA JavaScript API for detecting the language of text, with confidence levels.
- Meter Appearance None Fallback Style
MeterAppearanceNoneFallbackStyle
chromestatus.comWith this change <meter> elements with `appearance: none` will have a reasonable fallback style that matches Safari and Firefox instead of just disappearing from the page. As well developers will be able to custom style the <meter> elements. A feature flag MeterAppearanceNoneFallbackStyle is available until Chrome 133 to control this feature.
- RTC Data Channel Priority
RTCDataChannelPriority
chromestatus.comMany applications have multiple media flows of the same data type and often some of the flows are more important than others. The priority setting can be used to indicate the relative priority of various flows. The priority API allows the JavaScript applications to tell the browser whether a particular media flow is high, medium, low or of very low importance to the application.
- RTC Rtp Script Transform
RTCRtpScriptTransform
chromestatus.comThis API allows processing of encoded media flowing through an RTCPeerConnection. Chromium shipped an early version of this API in 2020. Since then, the spec has changed and other browsers have shipped the updated version of the spec (Safari in 2022 and Firefox in 2023). This launch refers to the latest spec version.
- Sideways Writing Modes
SidewaysWritingModes
chromestatus.comSupport of `sideways-rl` and `sideways-lr` keywords for `writing-mode` CSS property is added. They are vertical writing modes, and all letters are sideways.
- Transferable RTC Data Channel
TransferableRTCDataChannel
chromestatus.comThe RTCDataChannel interface is part of the WebRTC standard, and represents a network channel which can be used for bidirectional peer-to-peer transfers of arbitrary data. This feature tracks exposing RTCDataChannel in dedicated workers, and allowing the transfer of RTCDataChannels to them workers. This will help reduce main thread contention and lead to smoother and more reliable WebRTC applications.
- New features in Chromium 129 with missing descriptionCanvas Place Element
CanvasPlaceElement
Event Timing Handle Keyboard Event Simulated ClickEventTimingHandleKeyboardEventSimulatedClick
Event Timing Tap Stop Scroll No Interaction IdEventTimingTapStopScrollNoInteractionId
Nested View TransitionNestedViewTransition
Partitioned PopinsPartitionedPopins
Pointer Event Targets In Event ListsPointerEventTargetsInEventLists
Pseudo Elements FocusablePseudoElementsFocusable
Shape Outside Writing Mode FixShapeOutsideWritingModeFix
Web Authentication Attestation FormatsWebAuthenticationAttestationFormats
Build your next project with Polypane
- Use all features on all plans
- On Mac, Window and Linux
- 14-day free trial – no credit card needed