diff --git a/.vscode/dictionaries/non-english.txt b/.vscode/dictionaries/non-english.txt index 6a45955c08a03a4..392e36fb32eba23 100644 --- a/.vscode/dictionaries/non-english.txt +++ b/.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 diff --git a/.vscode/dictionaries/terms-abbreviations.txt b/.vscode/dictionaries/terms-abbreviations.txt index e51bc03bb5443d0..26627b6e667b437 100644 --- a/.vscode/dictionaries/terms-abbreviations.txt +++ b/.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 diff --git a/files/en-us/games/tutorials/2d_breakout_game_phaser/animations_and_tweens/index.md b/files/en-us/games/tutorials/2d_breakout_game_phaser/animations_and_tweens/index.md index 9713ff8c8e313d8..3d98ff634f8fdd1 100644 --- a/files/en-us/games/tutorials/2d_breakout_game_phaser/animations_and_tweens/index.md +++ b/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(); }, }); diff --git a/files/en-us/games/tutorials/2d_breakout_game_phaser/buttons/index.md b/files/en-us/games/tutorials/2d_breakout_game_phaser/buttons/index.md index dc0ad5072c95fa0..9af5ea81b703a21 100644 --- a/files/en-us/games/tutorials/2d_breakout_game_phaser/buttons/index.md +++ b/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(); }, }); diff --git a/files/en-us/games/tutorials/2d_breakout_game_phaser/randomizing_gameplay/index.md b/files/en-us/games/tutorials/2d_breakout_game_phaser/randomizing_gameplay/index.md index 6feea9dde3ec274..8bdb9e942600fd0 100644 --- a/files/en-us/games/tutorials/2d_breakout_game_phaser/randomizing_gameplay/index.md +++ b/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(); }, }); diff --git a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md b/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md index 6a009da9690543c..08ed478d0d7d4fa 100644 --- a/files/en-us/learn_web_development/core/styling_basics/test_your_skills/selectors/index.md +++ b/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 `` element with a `title` attribute and make the border pink (`border-color: pink`). 2. Target the `` element with an `href` attribute that contains the word `contact` somewhere in its value and make the border orange (`border-color: orange`). diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 16f8123d9db9baa..d57423250efe2b1 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/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) (`

`-`

`) at once, rather than targeting them individually. The {{CSSXRef(":heading_function", ":heading()")}} functional pseudo-class allows you to style heading elements that match the [``](/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.** diff --git a/files/en-us/mozilla/firefox/releases/142/index.md b/files/en-us/mozilla/firefox/releases/142/index.md index 259570c110ff12a..804f184db09a890 100644 --- a/files/en-us/mozilla/firefox/releases/142/index.md +++ b/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) (`

`-`

`) at once rather than targeting them individually. The {{CSSXRef(":heading_function", ":heading()")}} functional pseudo-class allows you to style heading elements that match the [``](/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. diff --git a/files/en-us/web/api/animation/commitstyles/index.md b/files/en-us/web/api/animation/commitstyles/index.md index edf6f11ccbd1cb5..e3fe9dfe28fa7dc 100644 --- a/files/en-us/web/api/animation/commitstyles/index.md +++ b/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()`. diff --git a/files/en-us/web/api/canvasrenderingcontext2d/drawimage/index.md b/files/en-us/web/api/canvasrenderingcontext2d/drawimage/index.md index 3afd8f032eccaff..399ed70fd0502b2 100644 --- a/files/en-us/web/api/canvasrenderingcontext2d/drawimage/index.md +++ b/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 diff --git a/files/en-us/web/api/element/insertadjacenthtml/index.md b/files/en-us/web/api/element/insertadjacenthtml/index.md index d03c1a7092d618c..32b43d8c6da5648 100644 --- a/files/en-us/web/api/element/insertadjacenthtml/index.md +++ b/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); diff --git a/files/en-us/web/api/mediastream_recording_api/index.md b/files/en-us/web/api/mediastream_recording_api/index.md index 0be2d46f218c580..6672426d020a015 100644 --- a/files/en-us/web/api/mediastream_recording_api/index.md +++ b/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); }); diff --git a/files/en-us/web/css/appearance/index.md b/files/en-us/web/css/appearance/index.md index 376c8ab66c6299a..c80f95b908156fc 100644 --- a/files/en-us/web/css/appearance/index.md +++ b/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. - `` - - : Has an effect similar to`auto` on certain elements. + - : Has an effect similar to `auto` on certain elements. - `textfield` - : Causes the appearance of certain `` types to [match the appearance of the `text` type](#try_it). - `menulist-button` - - : When set on the `` element, the drop-down picker's style [matches that of its default state](#setting_the_appearance_of_a_select). - `` - : 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 `` 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 `` 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 `