[pull] main from mdn:main

.vscode/dictionaries/non-english.txt

@@ -19,6 +19,7 @@ deutsches
 Dezember
 dezembro
 Donnerstag
+dulce
 démonstration
 erkennst
 español
@@ -44,6 +45,7 @@ ijsland
 indomable
 İstanbul
 JOURS
+leche
 lepiej
 Mago
 Mais

.vscode/dictionaries/terms-abbreviations.txt

@@ -188,6 +188,7 @@ DTLSL
 dyscalculia
 EBNF
 ECSDA
+editability
 effectful
 Emscripting
 encrypter
@@ -758,6 +759,7 @@ targetable
 taskbars
 taskboard
 teleporting
+telepresence
 texels
 textboxes
 thenables

files/en-us/games/tutorials/2d_breakout_game_phaser/animations_and_tweens/index.md

@@ -103,7 +103,7 @@ const destroyTween = this.tweens.add({
     scaleX: 0,
     scaleY: 0,
   },
-  onComplete: () => {
+  onComplete() {
     brick.destroy();
   },
 });
@@ -277,7 +277,7 @@ class ExampleScene extends Phaser.Scene {
         scaleX: 0,
         scaleY: 0,
       },
-      onComplete: () => {
+      onComplete() {
         brick.destroy();
       },
     });

files/en-us/games/tutorials/2d_breakout_game_phaser/buttons/index.md

@@ -338,7 +338,7 @@ class ExampleScene extends Phaser.Scene {
         scaleX: 0,
         scaleY: 0,
       },
-      onComplete: () => {
+      onComplete() {
         brick.destroy();
       },
     });

files/en-us/games/tutorials/2d_breakout_game_phaser/randomizing_gameplay/index.md

@@ -235,7 +235,7 @@ class ExampleScene extends Phaser.Scene {
         scaleX: 0,
         scaleY: 0,
       },
-      onComplete: () => {
+      onComplete() {
         brick.destroy();
       },
     });

files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md

@@ -317,7 +317,7 @@ h2 + p {
 
 ## Task 5
 
-To complete the task, provide solutions using for the following challenges using attribute selectors:
+To complete the task, provide solutions for the following challenges using attribute selectors:
 
 1. Target the `<a>` element with a `title` attribute and make the border pink (`border-color: pink`).
 2. Target the `<a>` element with an `href` attribute that contains the word `contact` somewhere in its value and make the border orange (`border-color: orange`).

files/en-us/mozilla/firefox/experimental_features/index.md

@@ -337,6 +337,20 @@ The CSS {{CSSXRef("anchor-size")}} function enables setting anchor-positioned el
 - `layout.css.anchor-positioning.enabled`
   - : Set to `true` to enable.
 
+### `:heading` and `:heading()` pseudo-classes
+
+The {{CSSXRef(":heading")}} pseudo-class allows you to style all [heading elements](/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements) (`<h1>`-`<h6>`) at once, rather than targeting them individually. The {{CSSXRef(":heading_function", ":heading()")}} functional pseudo-class allows you to style heading elements that match the [`<An+B>`](/en-US/docs/Web/CSS/:heading_function#functional_notation) notation. ([Firefox bug 1974386](https://bugzil.la/1974386)).
+
+| Release channel   | Version added | Enabled by default? |
+| ----------------- | ------------- | ------------------- |
+| Nightly           | 142           | No                  |
+| Developer Edition | 142           | No                  |
+| Beta              | 142           | No                  |
+| Release           | 142           | No                  |
+
+- `layout.css.heading-selector.enabled`
+  - : Set to `true` to enable.
+
 ## SVG
 
 **No experimental features in this release cycle.**

files/en-us/mozilla/firefox/releases/142/index.md

@@ -89,6 +89,10 @@ Firefox 142 is the current [Beta version of Firefox](https://www.firefox.com/en-
 
   The CSS {{CSSXRef("anchor-size")}} function enables setting anchor-positioned element's size, position, and margins relative to the dimensions of anchor elements. ([Firefox bug 1972610](https://bugzil.la/1972610)).
 
+- **`:heading`** and **`:heading()`**: `layout.css.anchor-positioning.enabled`
+
+  The CSS {{CSSXRef(":heading")}} pseudo-class allows you to style all [heading elements](/en-US/docs/Web/HTML/Reference/Elements/Heading_Elements) (`<h1>`-`<h6>`) at once rather than targeting them individually. The {{CSSXRef(":heading_function", ":heading()")}} functional pseudo-class allows you to style heading elements that match the [`<An+B>`](/en-US/docs/Web/CSS/:heading_function#functional_notation) notation. ([Firefox bug 1974386](https://bugzil.la/1974386)).
+
 - **`Integrity-Policy` and `Integrity-Policy-Report-Only`** (Nightly): `security.integrity_policy.enabled`
 
   The {{httpheader("Integrity-Policy")}} and {{httpheader("Integrity-Policy-Report-Only")}} HTTP headers are now supported. These allow websites to either enforce [subresource integrity guarantees](/en-US/docs/Web/Security/Subresource_Integrity) for scripts or only report violations of the policy, respectively.

files/en-us/web/api/animation/commitstyles/index.md

@@ -66,7 +66,7 @@ Animations [take precedence over all static styles](/en-US/docs/Web/CSS/CSS_casc
 In newer browsers you do not need to set the [`fill` mode](/en-US/docs/Web/API/KeyframeEffect/KeyframeEffect#fill) (see the [browser compatibility table](#browser_compatibility) for specific versions).
 
 > [!NOTE]
-> There is no way to feature check for this new behaviour.
+> There is no way to feature check for this new behavior.
 > For now most code should continue to set `fill` as shown in the previous section.
 
 The code below shows how you can animate an element named `animatedElement`, wait on the animation to complete using the {{domxref("Animation.finished","finished")}} property, and then commit the styles to the element with `commitStyles()`.

files/en-us/web/api/canvasrenderingcontext2d/drawimage/index.md

@@ -46,11 +46,11 @@ drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
     destination context. If not specified, the entire rectangle from the coordinates
     specified by `sx` and `sy` to the bottom-right corner of the
     image is used. Use the 3- or 5-argument syntax to omit this argument.
-    A negative value will flip the image.
+    Negative values grow the sub-rectangle in the opposite direction, but pixels are always processed in the original direction and the image is not flipped.
 - `sHeight` {{optional_inline}}
   - : The height of the sub-rectangle of the source `image` to draw into the
     destination context. Use the 3- or 5-argument syntax to omit this argument.
-    A negative value will flip the image.
+    Negative values grow the sub-rectangle in the opposite direction, but pixels are always processed in the original direction and the image is not flipped.
 - `dx`
   - : The x-axis coordinate in the destination canvas at which to place the top-left
     corner of the source `image`.
@@ -61,10 +61,12 @@ drawImage(image, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
   - : The width to draw the `image` in the destination canvas. This allows
     scaling of the drawn image. If not specified, the image is not scaled in width when
     drawn. Note that this argument is not included in the 3-argument syntax.
+    Negative values grow the sub-rectangle in the opposite direction, but pixels are always processed in the original direction and the image is not flipped.
 - `dHeight`
   - : The height to draw the `image` in the destination canvas. This allows
     scaling of the drawn image. If not specified, the image is not scaled in height when
     drawn. Note that this argument is not included in the 3-argument syntax.
+    Negative values grow the sub-rectangle in the opposite direction, but pixels are always processed in the original direction and the image is not flipped.
 
 ### Return value
 

files/en-us/web/api/element/insertadjacenthtml/index.md

@@ -133,7 +133,7 @@ Your own application code should use a third party library such as the "DOMPurif
 
 ```js
 const policy = trustedTypes.createPolicy("some-content-policy", {
-  createHTML: (input) => {
+  createHTML(input) {
     return input; // Do not do this in your own code!
     // Instead do something like:
     // return DOMPurify.sanitize(input);

files/en-us/web/api/mediastream_recording_api/index.md

@@ -144,7 +144,7 @@ recordBtn.addEventListener("click", async () => {
     if (!mediaRecorder) {
       const stream = await navigator.mediaDevices.getUserMedia(constraints);
       mediaRecorder = new MediaRecorder(stream);
-      mediaRecorder.addEventListener("dataavailable", () => {
+      mediaRecorder.addEventListener("dataavailable", (e) => {
         console.log("data available");
         chunks.push(e.data);
       });

files/en-us/web/css/appearance/index.md

@@ -76,11 +76,11 @@ The `appearance` property can be applied to all elements and pseudo-elements, bu
   - : Only relevant to the {{htmlelement("select")}} element and {{cssxref("::picker()", "::picker(select)")}} pseudo-element, allowing them to be styled.
 
 - `<compat-special>`
-  - : Has an effect similar to`auto` on certain elements.
+  - : Has an effect similar to `auto` on certain elements.
     - `textfield`
       - : Causes the appearance of certain `<input>` types to [match the appearance of the `text` type](#try_it).
     - `menulist-button`
-      - : When set on the `<select>` element, the drop-down picker's style [matches that of its default state](#Setting_the_appearance_of_a_select).
+      - : When set on the `<select>` element, the drop-down picker's style [matches that of its default state](#setting_the_appearance_of_a_select).
 
 - `<compat-auto>`
   - : Included for backwards compatibility; possible values include `button`, `checkbox`, `listbox`, `menulist`, `meter`, `progress-bar`, `push-button`, `radio`, `searchfield`, `slider-horizontal`, `square-button`, and `textarea`. The values all behave as `auto`: use `auto` instead.
@@ -110,7 +110,7 @@ Some widgets disappear completely when set to `appearance: none`. The hidden con
 
 Because `none` can cause a widget to be hidden, the `base` value is being added to provide widgets with a base appearance. When supported, the `base` value will ensure widgets maintain their native appearance while enabling CSS to be used to change a widget's styles that are not changeable by default. Unlike `none`, which can make radio buttons and checkboxes disappear, `base` gives the widget a primitive appearance with default native styles that are usable and interoperable, as well as enabling a good degree of customization via CSS. While this `base` value is not yet supported, the many `<compat-auto>` values provide similar functionality but are type-specific and not global.
 
-The `base-select` value, which is relevant only to the {{htmlelement("select")}} element and {{cssxref("::picker()", "::picker(select)")}} pseudo-element, enables [styling `<select>` elements and the select picker](#Setting_the_appearance_of_a_select) (which contains the `<option>` elements). The picker is rendered in the top layer, similar to a popover. When `base-select` is set, the picker can be positioned relative to the select (or other elements) using [CSS anchor positioning](/en-US/docs/Web/CSS/CSS_anchor_positioning) features. In addition, the `base-select` value causes the `<select>` not to render outside the browser pane or to trigger built-in mobile operating system components. It is also no longer sized based on the width of the widest `<option>`.
+The `base-select` value, which is relevant only to the {{htmlelement("select")}} element and {{cssxref("::picker()", "::picker(select)")}} pseudo-element, enables [styling `<select>` elements and the select picker](#setting_the_appearance_of_a_select) (which contains the `<option>` elements). The picker is rendered in the top layer, similar to a popover. When `base-select` is set, the picker can be positioned relative to the select (or other elements) using [CSS anchor positioning](/en-US/docs/Web/CSS/CSS_anchor_positioning) features. In addition, the `base-select` value causes the `<select>` not to render outside the browser pane or to trigger built-in mobile operating system components. It is also no longer sized based on the width of the widest `<option>`.
 
 ### Prefixed non-standard values
 
@@ -285,7 +285,7 @@ label {
 }
 ```
 
-We apply styles to both {{htmlelement("input")}} elements of type `checkbox`; these styles create a red square if the element is styleable. We set `appearance: none` on the {{cssxref(":checked")}} UI state for all inputs (`checkbox` and `radio`), as well as to elements with the `.none` class. This removes all the style of the radio button and checkbox, other than the margins, and allows any set styles to be applied. There are no alternative styles provided for the radio buttons or `<select>` elements for when `none` is set.
+We apply styles to both {{htmlelement("input")}} elements of type `checkbox`; these styles create a red square if the element is stylable. We set `appearance: none` on the {{cssxref(":checked")}} UI state for all inputs (`checkbox` and `radio`), as well as to elements with the `.none` class. This removes all the style of the radio button and checkbox, other than the margins, and allows any set styles to be applied. There are no alternative styles provided for the radio buttons or `<select>` elements for when `none` is set.
 
 ```css
 [type="checkbox"] {

files/en-us/web/html/reference/elements/selectedcontent/index.md

@@ -32,7 +32,7 @@ You use the `<selectedcontent>` element as the only child of a {{htmlelement("bu
 
 ### How `<selectedcontent>` works behind the scenes
 
-The `<selectedcontent>` element contains a clone of the content of the currently selected {{htmlelement("option")}}. The browser renders this clone using {{domxref("Node.cloneNode", "cloneNode()")}}. When the selected `<option>` changes, such as during a [`change`](HTMLElement/change_event) event, the contents of `<selectedcontent>` are replaced with a clone of the newly selected `<option>`. Being aware of this behavior is important, especially when working with dynamic content.
+The `<selectedcontent>` element contains a clone of the content of the currently selected {{htmlelement("option")}}. The browser renders this clone using {{domxref("Node.cloneNode", "cloneNode()")}}. When the selected `<option>` changes, such as during a [`change`](/en-US/docs/Web/API/HTMLElement/change_event) event, the contents of `<selectedcontent>` are replaced with a clone of the newly selected `<option>`. Being aware of this behavior is important, especially when working with dynamic content.
 
 > [!WARNING]
 > Since the browser updates `<selectedcontent>` only when the selected `<option>` changes, any dynamic modifications to the content of the selected `<option>` after the `<select>` is rendered won't be cloned to `<selectedcontent>`. You'll need to update `<selectedcontent>` manually. Watch out if you're using any of the popular front-end JavaScript frameworks where `<option>` elements are updated dynamically after the initial render–the result may not match what you expect in `<selectedcontent>`.