Edit

Microsoft Edge 145 web platform release notes (Feb. 2026)

The following are the new web platform features and updates in Microsoft Edge 145, which releases on Feb. 12, 2026.

To stay up-to-date and get the latest web platform features, download a preview channel of Microsoft Edge (Beta, Dev, or Canary); go to Become a Microsoft Edge Insider.

Detailed contents:

Microsoft Edge DevTools

See What's new in DevTools (Microsoft Edge 145).

WebView2

See:

CSS features

Below are the new Cascading Style Sheets (CSS) features in Microsoft Edge.

Scroll-triggered animations

Scroll-triggered animations control the play state of animations, based on a scroll position.

Scroll-triggered animations are useful for cases where you want to start an animation, such as sliding an element into view, only when a certain scroll position is reached.

This feature makes it possible to achieve this common effect without using JavaScript to manually detect that an element is within its scroll container's viewport. This also means that the browser can offload the handling of the interaction to a worker thread, which improves performance.

See also:

trigger-scope

The trigger-scope property lets you define the scope within which the names of animation triggers apply.

For example, scroll-triggered animations use the timeline-trigger and animation-trigger properties to define custom trigger names. By default, those names are global, meaning that they can be referenced from anywhere in the document. By using the trigger-scope property, you can limit the visibility of those trigger names to a specific scope.

See also:

Percentage values for letter-spacing and word-spacing

The letter-spacing and word-spacing CSS properties now support percentage values.

The ability to use percentage values gives you more flexible control over typography, particularly in responsive designs where the text spacing needs to adapt to different viewport widths and font sizes.

Percentage values are calculated relative to the font-size of the current element, and therefore represent a size that's relative to the size of the text to which the values apply.

See also:

Support for column wrapping in multi-column layouts

Multi-column layouts, such as those created by using the column-count or column-width CSS properties, now support column wrapping.

You control column wrapping by using the column-wrap and column-height CSS properties.

With column wrapping, instead of letting the height of the columns be defined by the parent element, you can define an explicit height for the columns. A new row of columns is created when all columns have been filled for one row.

See also:

Customizable select listbox

Customizable selects can now also be rendered as single-select or multi-select in listbox mode.

The listbox rendering mode means that the select element is rendered in the page rather than with a separate button and popup.

To render a customizable select in listbox mode, use the multiple or size HTML attributes. For example: .

See also: