April 2021 web platform update

Now widely available on the web platform

Widely available

• <output>: The <output> element represents the result of a calculation, user action, or form entry. Learn more.

• overflow-wrap: The overflow-wrap CSS property breaks a line of text onto multiple lines inside the targeted element in an otherwise unbreakable place to prevent overflow. The legacy property is word-wrap. Learn more.

• Promise finally(): The promise finally() method executes a function when the promise settles (resolves or rejects). Learn more.

• resolution media query (compatibility prefixes): The -webkit-device-pixel-ratio, -webkit-min-device-pixel-ratio, and -webkit-max-device-pixel-ratio CSS media queries are standardized compatibility alternatives to resolution media queries. Learn more.

• tabindex: The tabindex HTML attribute make an element focusable, and sets the element's relative ordering for sequential focus navigation. Learn more.

Newly available on the web platform

Newly available

• AudioWorklet: The AudioWorklet API runs module code in a separate thread, specifically for non-blocking, low latency audio processing. Learn more.

• ::file-selector-button: The ::file-selector-button CSS pseudo-element selects the button of a <input type="file"> element. Learn more.

• Flexbox gap: The gap CSS property in a flexbox layout sets the size of the space between items. Learn more.

• Date and time <input> types: The <input type="date"> and <input type="time"> HTML elements represent date and time pickers in a form. Learn more.

• Intl.DisplayNames: The Intl.DisplayNames API provides localized names of language, region, script, and currency codes. Learn more.

• Intl.ListFormat: The Intl.ListFormat API creates a locale-aware formatter that turns iterable objects into localized strings. Learn more.

• OES_fbo_render_mipmap WebGL extension: The OES_fbo_render_mipmap extension for WebGL 1.0 contexts attaches any level of a texture to a framebuffer object. Learn more.

• OfflineAudioContext: The OfflineAudioContext API represents an audio processing graph that writes to an AudioBuffer instead of an output device. Learn more.

• Quotes: The quotes CSS property sets the quotation marks inserted via the content CSS property or <q> element. Learn more.

• BigInt to i64 conversion (WebAssembly): Integer values pass bidirectionally between JavaScript and WebAssembly, converted to i64 values in WebAssembly or BigInt values in JavaScript. Learn more.

• Sign extension operators (WebAssembly): Sign-extension operator instructions extend the width of 8-bit, 16-bit, and 32-bit values to 32-bit and 64-bit values. Learn more.

• Weak references: The WeakRef and FinalizationRegistry objects hold references to garbage-collectable objects without creating strong references that prevent their garbage collection. Learn more.

• Web Audio: The Web Audio API creates graphs of audio nodes that handle sound inputs, synthesize sounds, apply effects, create visualizations, and output to audio devices. Learn more.