📃 November 2023 release notes
Newly available
The following features are newly available:
-
Clip path boxes:
The
fill-box
,stroke-box
, andview-box
values forclip-path
set an edge of the element's box to use as the clipping shape. -
lh unit:
The CSS
lh
unit corresponds to the requested line height, the computed value of theline-height
property. Some lines may be higher than this based on their content. -
rlh unit:
The
rlh
CSS length unit is a font-relative length relative to the line height of root element. -
User activation:
The
navigator.userActivation
API reveals whether the user has interacted with the page through an "activation" gesture such as a click, tap, or key press. User activation gated APIs (such as the fullscreen API) fail without user interaction, and this API allows you to predict such a failure. -
:user-valid and :user-invalid:
The
:user-valid
and:user-invalid
pseudo-classes match form controls that have been marked as valid or invalid based on their validation constraints.
New in Edge
The following features are now available in Edge:
-
Beforeunload:
The
beforeunload
event is fired when the current window is about to be unloaded. Typically this is used to display a dialog to confirm if users really want to leave the page when there is unsaved data that would be lost. -
prefers-reduced-transparency media query:
The
prefers-reduced-transparency
CSS media query sets styles based on whether the user prefers to reduce the amount of transparent effects on their device, for example to improve contrast and legibility. -
Promise.withResolvers():
The
Promise.withResolvers()
static method is an alternative to thePromise()
constructor that returns both the promise and resolution functions. You can use this to accessresolve
andreject
outside the scope of the executor function. - Garbage collection (WebAssembly): Garbage collection tracks references for better memory management with garbage-collected languages running in WebAssmbly.
- Typed function references (WebAssembly): A typed function reference can be called directly.
-
word-break: auto-phrase:
The
word-break: auto-phrase
CSS declaration specifies that wrapping should occur at natural phrase boundaries, especially in CJK languages.
New in Firefox
The following features are now available in Firefox:
-
Global privacy control:
The
Sec-GPC
request header indicates that the user does not consent to a website or service selling or sharing their personal information with third parties. -
Inert elements:
The
inert
HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fireclick
events. -
light-dark():
The
light-dark()
CSS function accepts two colors and uses one depending on the current color scheme. -
Vertical form controls:
The
writing-mode
CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode isvertical-lr
orvertical-rl
. Thedirection
CSS property sets whether inputs flow from top to bottom or bottom to top. - Garbage collection (WebAssembly): Garbage collection tracks references for better memory management with garbage-collected languages running in WebAssmbly.
- Typed function references (WebAssembly): A typed function reference can be called directly.
New in Firefox for Android
The following features are now available in Firefox for Android:
-
Inert elements:
The
inert
HTML attribute marks an element and its descendants as non-interactive. Inert elements don't get focus or fireclick
events. -
light-dark():
The
light-dark()
CSS function accepts two colors and uses one depending on the current color scheme. -
Vertical form controls:
The
writing-mode
CSS property orients form elements (such as radio buttons, progress bars, or select menus) vertically when the writing mode isvertical-lr
orvertical-rl
. Thedirection
CSS property sets whether inputs flow from top to bottom or bottom to top. - Garbage collection (WebAssembly): Garbage collection tracks references for better memory management with garbage-collected languages running in WebAssmbly.
- Typed function references (WebAssembly): A typed function reference can be called directly.