diff --git a/microsoft-edge/web-platform/release-notes/142-images/select-dropdown.png b/microsoft-edge/web-platform/release-notes/142-images/select-dropdown.png new file mode 100644 index 0000000000..ebc8fc10b1 Binary files /dev/null and b/microsoft-edge/web-platform/release-notes/142-images/select-dropdown.png differ diff --git a/microsoft-edge/web-platform/release-notes/142-images/select-list.png b/microsoft-edge/web-platform/release-notes/142-images/select-list.png new file mode 100644 index 0000000000..a4395293d9 Binary files /dev/null and b/microsoft-edge/web-platform/release-notes/142-images/select-list.png differ diff --git a/microsoft-edge/web-platform/release-notes/142.md b/microsoft-edge/web-platform/release-notes/142.md index e6dd355d6f..eac902bf60 100644 --- a/microsoft-edge/web-platform/release-notes/142.md +++ b/microsoft-edge/web-platform/release-notes/142.md @@ -21,6 +21,8 @@ To stay up-to-date and get the latest web platform features, download a preview * [AccentColor and AccentColorText system colors](#accentcolor-and-accentcolortext-system-colors) * [document.activeViewTransition property](#documentactiveviewtransition-property) * [Range syntax for style container queries and if() functions](#range-syntax-for-style-container-queries-and-if-functions) +* [UI features](#ui-features) + * [Mobile and desktop parity for \ elements](#mobile-and-desktop-parity-for-select-elements) * [SVG features](#svg-features) * [Support download attribute in SVG \ element](#support-download-attribute-in-svg-a-element) * [CSS width and height support for SVG \ element](#css-width-and-height-support-for-svg-use-element) @@ -133,6 +135,49 @@ See also: * [if()](https://developer.mozilla.org/docs/Web/CSS/if) at MDN. + +## UI features + +Below are user interface changes in Microsoft Edge. + + + +#### Mobile and desktop parity for `` HTML elements, when using the `size` and `multiple` attributes, now appear the same way on desktop and mobile devices, as either: + +* A scrollable list showing all options at once in the page. +* An expandable dropdown list in the page. + + + +###### `` (or another `size` value greater than 1) now always appears as a list showing all options at once in the page, both on desktop and mobile devices: + +![A list showing all options at once in the page](./142-images/select-list.png) + +Previously, mobile devices ignored the `size` attribute and always rendered an element such as `` + +`` as a dropdown list. + + + +###### `` now always appears as a dropdown list, both on desktop and mobile devices: + +![A dropdown list in the page](./142-images/select-dropdown.png) + +Previously, desktop devices rendered `` elements | v142 | The appearance of `` elements](./release-notes/142.md#mobile-and-desktop-parity-for-select-elements), in _Microsoft Edge 142 web platform release notes (Oct. 2025)_. | | Remove special font size rules for `

` | v140 | The special margin and font size rules for `

` elements, when nested in `
`, `