diff --git a/microsoft-edge/web-platform/release-notes/144.md b/microsoft-edge/web-platform/release-notes/144.md index e3e5a090fa..9eb8a69732 100644 --- a/microsoft-edge/web-platform/release-notes/144.md +++ b/microsoft-edge/web-platform/release-notes/144.md @@ -24,6 +24,8 @@ To stay up-to-date and get the latest web platform features, download a preview * [Scroll-triggered animations](#scroll-triggered-animations) * [Styling SVG elements instantiated via ``](#styling-svg-elements-instantiated-via-use) * [View Transitions waitUntil() method](#view-transitions-waituntil-method) + * [caret-shape](#caret-shape) + * [Style search results](#style-search-results) * [Web APIs](#web-apis) * [The Temporal API](#the-temporal-api) * [The clipboardchange event](#the-clipboardchange-event) @@ -174,6 +176,26 @@ See also: * [CSS scroll-driven animations](https://developer.mozilla.org/docs/Web/CSS/Guides/Scroll-driven_animations) at MDN. + +#### `caret-shape` + +The `caret-shape` CSS property allows you to specify the shape of the text insertion caret. + +See also: +* [caret-shape](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/caret-shape) at MDN. + + + +#### Style search results + +The `::search-text` pseudo-element allows you to style the portions of text that match a user's search query when the user searches within a page by using **Ctrl+F** or **Command+F**. + +The pseudo-element can be combined with the `:current` pseudo-class to style the currently highlighted search result differently from the other search results. + +See also: +* [::search-text](https://drafts.csswg.org/css-pseudo-4/#selectordef-search-text) in _CSS Pseudo-Elements Module Level 4_. + + ## Web APIs diff --git a/microsoft-edge/web-platform/release-notes/145.md b/microsoft-edge/web-platform/release-notes/145.md index 21c36fbbc1..16c3fc6838 100644 --- a/microsoft-edge/web-platform/release-notes/145.md +++ b/microsoft-edge/web-platform/release-notes/145.md @@ -30,6 +30,7 @@ To stay up-to-date and get the latest web platform features, download a preview * [Improved rendering for near circular border radius](#improved-rendering-for-near-circular-border-radius) * [text-justify](#text-justify) * [Monochrome emoji rendering in forced colors mode](#monochrome-emoji-rendering-in-forced-colors-mode) + * [Overscroll effect on nested scroll containers](#overscroll-effect-on-nested-scroll-containers) * [Web APIs](#web-apis) * [Origin API](#origin-api) * [PerformanceEntry presentationTime and paintTime properties](#performanceentry-painttime-and-presentationtime-properties) @@ -185,6 +186,17 @@ See also: * [forced-colors](https://developer.mozilla.org/docs/Web/CSS/Reference/At-rules/@media/forced-colors) at MDN. + +#### Overscroll effect on nested scroll containers + +On platforms which support the overscroll effect where users can scroll the page beyond the start or end of the content, such as on mobile devices, Microsoft Edge now applies this effect to nested scroll containers as well. + +You remain in control of the overscroll behavior by using the `overscroll-behavior` CSS property. + +See also: +* [overscroll-behavior](https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/overscroll-behavior) at MDN. + + ## Web APIs