[pull] main from mdn:main

.vscode/dictionaries/code-entities.txt

@@ -325,6 +325,7 @@ jssidebar
 jsval
 kaios
 kawi
+kdeglobals
 kerx
 Key_Codeinput
 KEY_dead_abovecomma
@@ -360,6 +361,7 @@ KIND_NONHEAP
 knda
 Kore
 krai
+kwriteconfig
 lanatham
 laoo
 largeop

files/en-us/games/techniques/control_mechanisms/other/index.md

@@ -157,7 +157,7 @@ If you want to go completely bananas you can use [Makey Makey](https://makeymake
 
 Check out the [banana piano video](https://www.youtube.com/watch?v=_DWQ6ce2Ags), and be sure to visit the [quick start guide](https://learn.sparkfun.com/tutorials/makey-makey-quickstart-guide) for all the needed info.
 
-There's even a [Cylon.js-supported Makey Button functionality](https://cylonjs.com/documentation/drivers/makey-button/) inspired by the Makey Makey board, so you can use the popular Cylon robotics framework for your experiments with Arduino or Raspberry Pi. Connecting the boards and using them may look like this:
+There's even a Cylon.js-supported Makey Button functionality inspired by the Makey Makey board, so you can use the popular Cylon robotics framework for your experiments with Arduino or Raspberry Pi. Connecting the boards and using them may look like this:
 
 ```js
 const Cylon = require("cylon");

files/en-us/glossary/adobe_flash/index.md

@@ -12,7 +12,7 @@ sidebar: glossarysidebar
 - [Flash](https://en.wikipedia.org/wiki/Adobe_Flash) on Wikipedia
 - [Adobe Flash Player](https://en.wikipedia.org/wiki/Adobe_Flash_Player) on Wikipedia
 - [Adobe Flash end-of-life announcement](https://www.adobe.com/products/flashplayer/end-of-life-alternative.html)
-  - Chrome: [Saying goodbye to Flash in Chrome](https://blog.google/products/chrome/saying-goodbye-flash-chrome/)
+  - Chrome: [Saying goodbye to Flash in Chrome](https://blog.google/products-and-platforms/products/chrome/saying-goodbye-flash-chrome/)
   - Firefox: [Firefox Roadmap for Flash End-of-Life](https://blog.mozilla.org/futurereleases/2017/07/25/firefox-roadmap-flash-end-life/)
   - Safari: [Adobe Announces Flash Distribution and Updates to End](https://webkit.org/blog/7839/adobe-announces-flash-distribution-and-updates-to-end/)
   - Edge: [The End of an Era – Next Steps for Adobe Flash](https://blogs.windows.com/msedgedev/2017/07/25/flash-on-windows-timeline/)

files/en-us/learn_web_development/core/accessibility/what_is_accessibility/index.md

@@ -176,6 +176,6 @@ This article should have given you a useful high-level overview of accessibility
   - [Understandable](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Understandable)
   - [Robust](/en-US/docs/Web/Accessibility/Guides/Understanding_WCAG/Robust)
 
-- [Google Chrome released an auto-captioning extension](https://blog.google/products/chrome/live-caption-chrome/)
+- [Google Chrome released an auto-captioning extension](https://blog.google/products-and-platforms/products/chrome/live-caption-chrome/)
 
 {{NextMenu("Learn_web_development/Core/Accessibility/Tooling", "Learn_web_development/Core/Accessibility")}}

files/en-us/learn_web_development/howto/web_mechanics/what_is_a_url/index.md

@@ -133,7 +133,7 @@ All of the following URLs are relative URLs:
 - Scheme-relative URL: `//developer.mozilla.org/en-US/docs/Learn_web_development` — only the protocol is missing. The browser will use the same protocol as the one used to load the document hosting that URL.
 - Domain-relative URL: `/en-US/docs/Learn_web_development` — the protocol and the domain name are both missing. The browser will use the same protocol and the same domain name as the one used to load the document hosting that URL.
 - Sub-resources: `Howto/Web_mechanics/What_is_a_URL` — the protocol and domain name are missing, and the path doesn't begin with `/`. The browser will attempt to find the document in a subdirectory of the one containing the current resource. In this case, we really want to reach this URL: `https://developer.mozilla.org/en-US/docs/Learn_web_development/Howto/Web_mechanics/What_is_a_URL`.
-- Going back in the directory tree: `../CSS/Reference` — the protocol and domain name are missing, and the path begins with `..`. This is inherited from the UNIX file system world — to tell the browser we want to go up by one level. Here we want to reach this URL: `https://developer.mozilla.org/en-US/docs/Learn_web_development/../Web/CSS/Reference`, which can be simplified to: `https://developer.mozilla.org/en-US/docs/Web/CSS/Reference`.
+- Going back in the directory tree: `../Web/CSS/Reference` — the protocol and domain name are missing, and the path begins with `..`. This is inherited from the UNIX file system world — to tell the browser we want to go up by one level. Here we want to reach this URL: `https://developer.mozilla.org/en-US/docs/Learn_web_development/../Web/CSS/Reference`, which can be simplified to: `https://developer.mozilla.org/en-US/docs/Web/CSS/Reference`.
 - Anchor-only: `#semantic_urls` - all parts are missing except the anchor. The browser will use the current document's URL and replace or add the anchor part to it. This is useful when you want to link to a specific part of the current document.
 
 ## URL usernames and passwords

files/en-us/mdn/community/pull_requests/index.md

@@ -198,6 +198,5 @@ Once the reviewer mentioned in the description has approved the changes, they wi
 Reviewers are encouraged to read the following articles for help with common tasks:
 
 - [The Art of Closing](https://blog.jessfraz.com/post/the-art-of-closing/) explains how to close an unfinished or rejected pull request
-- [Kindness and Code Reviews: Improving the Way We Give Feedback](https://product.voxmedia.com/2018/8/21/17549400/kindness-and-code-reviews-improving-the-way-we-give-feedback) gives useful hints to give feedback
 - [Code Review Guidelines for the Reviewer](https://phauer.com/2018/code-review-guidelines/#code-reviews-guidelines-for-the-reviewer) provides examples of good and bad feedback
 - [How to do a code review](https://google.github.io/eng-practices/review/reviewer/) on google.github.io/eng-practices

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

@@ -103,7 +103,7 @@ Firefox 147 is the current [Beta version of Firefox](https://www.firefox.com/en-
 
 #### WebDriver BiDi
 
-- Implemented the `input.fileDialogOpened` event, which is emitted whenever a filepicker is triggered by the content page, for instance after clicking on an input with `type="file"`. ([Firefox bug 1855045](https://bugzil.la/1855045)).
+- Implemented the `input.fileDialogOpened` event, which is emitted whenever a file picker is triggered by the content page, for instance after clicking on an input with `type="file"`. ([Firefox bug 1855045](https://bugzil.la/1855045)).
 - Implemented the `emulation.setScreenSettingsOverride` command to allow clients to emulate the screen dimensions for a list of browsing contexts or user contexts. ([Firefox bug 2000651](https://bugzil.la/2000651)).
 - Fixed an issue where `browsingContext.navigate` with `wait=none` didn't always contain the real target URL. ([Firefox bug 2004191](https://bugzil.la/2004191)).
 - Updated `script.evaluate` and `script.callFunction` to bypass Content Security Policy (CSP). ([Firefox bug 1941780](https://bugzil.la/1941780)).

files/en-us/web/accessibility/aria/reference/roles/toolbar_role/index.md

@@ -50,10 +50,10 @@ Implement focus management so the keyboard tab sequence includes one stop for th
 
 Elements with the role toolbar have an implicit `aria-orientation` value of horizontal. If the toolbar indeed has this orientation, the following keyboard interactions need to be implemented:
 
-- <kbd>Left Arrow</kbd> (For a horizontal toolbar (the default)
+- <kbd>Left Arrow</kbd>
   - : Moves focus to the previous control. Optionally, focus movement may wrap from the first element to the last element.
 
-- <kbd>Right Arrow</kbd> (For a horizontal toolbar (the default)
+- <kbd>Right Arrow</kbd>
   - : Moves focus to the next control. Optionally, focus movement may wrap from the last element to the first element.
 
 In toolbars with multiple rows of controls, allow the left and right arrows to wraps from row to row, leaving the option of reserving vertical arrow keys for operating controls, such as navigating among radios buttons, or incrementing/decrementing a numeric spinner.
@@ -62,10 +62,10 @@ In toolbars with multiple rows of controls, allow the left and right arrows to w
 
 If the toolbar is vertical, ensure `aria-orientation="vertical"` is set, and the following keyboard interactions are implemented:
 
-- <kbd>Down Arrow</kbd> (For a horizontal toolbar (the default)
+- <kbd>Up Arrow</kbd>
   - : Moves focus to the previous control. Optionally, focus movement may wrap from the first element to the last element.
 
-- <kbd>Up Arrow</kbd> (For a horizontal toolbar (the default)
+- <kbd>Down Arrow</kbd>
   - : Moves focus to the next control. Optionally, focus movement may wrap from the last element to the first element.
 
 ### Required JavaScript features

files/en-us/web/api/serviceworkercontainer/register/index.md

@@ -99,7 +99,7 @@ This ensures that only one service worker runs for each document.
 
 ### Security considerations
 
-The `scriptURL` parameter specifies the script for the service worker, which can intercept network requests for pages within its scope and return respones that are fresh, cached, new, or modified.
+The `scriptURL` parameter specifies the script for the service worker, which can intercept network requests for pages within its scope and return responses that are fresh, cached, new, or modified.
 If the input is provided by a user, this is a possible vector for [cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks.
 
 It is extremely risky to accept and execute arbitrary URLs from untrusted origins.
@@ -162,7 +162,7 @@ const trustedScriptURL = policy.createScriptURL(untrustedScript);
 We can now pass the `TrustedScriptURL` object into `register()`:
 
 ```js
-navigator.serviceWorker.register(trustedScriptURL).
+navigator.serviceWorker.register(trustedScriptURL);
 ```
 
 ### Register a service worker with default scope

files/en-us/web/api/svganimatedstring/baseval/index.md

@@ -9,7 +9,7 @@ browser-compat: api.SVGAnimatedString.baseVal
 {{APIRef("SVG")}}
 
 > [!WARNING]
-> The [`baseVal`](/en-US/docs/Web/API/SVGAnimatedString/baseVal) property can be used to set the non-animated value of a reflected attribute.
+> The `baseVal` property can be used to set the non-animated value of a reflected attribute.
 > In the case of {{domxref("SVGScriptElement/href","SVGScriptElement.href.baseVal")}} this property represents the URL of an external script loaded into the SVG script element.
 > APIs like this are known as [injection sinks](/en-US/docs/Web/API/Trusted_Types_API#concepts_and_usage), and are potentially a vector for [cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks.
 >
@@ -24,7 +24,7 @@ This is the value of the reflected attribute before any animations are applied.
 
 Getting the property returns a string that represents the non-animated value of the reflected attribute, if it has been set.
 If the reflected attribute is not specified but has an alternative deprecated version that has been set, then its value will be returned instead.
-If neither reflected attribute is set, then the property will return an iniital value for the reflected attribute if one exists, and otherwise the empty string (`""`).
+If neither reflected attribute is set, then the property will return an initial value for the reflected attribute if one exists, and otherwise the empty string (`""`).
 
 The property must be set to a {{domxref("TrustedScriptURL")}} if the reflected attribute's element is an {{domxref("SVGScriptElement")}} and [Trusted Types](/en-US/docs/Web/API/Trusted_Types_API) are [enforced by a CSP](/en-US/docs/Web/API/Trusted_Types_API#using_a_csp_to_enforce_trusted_types).
 For all other cases, the value can be a string (or an object that can be resolved to a string).

files/en-us/web/css/guides/anchor_positioning/using/index.md

@@ -166,7 +166,7 @@ body {
 
 .scoped {
   padding: 20px;
-  background: #eee;
+  background: #eeeeee;
 }
 
 .anchor {

files/en-us/web/css/reference/properties/anchor-scope/index.md

@@ -33,7 +33,7 @@ anchor-scope: unset;
   - : No anchor scope limiting happens on an element. This is the default value.
 - `all`
   - : Sets the scope so that _any_ `anchor-name` values set in the subtree can only be bound to by positioned elements in the same subtree.
-- {{cssxref("dashed-ident")}}#
+- {{cssxref("dashed-ident", "<dashed-ident>#")}}
   - : One or more comma-separated {{cssxref("dashed-ident")}}s representing anchor names. Sets the scope so that the specified `anchor-name` values, when set in the subtree, can only be bound to by positioned elements in the same subtree.
 
 ## Description
@@ -100,7 +100,7 @@ To test this out, we declare the `anchor` `<div>` as an anchor element by settin
 ```css hidden live-sample___basic-usage
 .scoped {
   padding: 20px;
-  background: #eee;
+  background: #eeeeee;
 }
 
 .anchor {
@@ -181,8 +181,8 @@ Finally, we include a {{htmlelement("form")}} containing three different [`<inpu
 
     <input type="radio" id="all" name="scope" value="all" checked />
     <label for="all"><code>all</code></label>
-    <input type="radio" id="--my-anchor" name="scope" value="--my-anchor" />
-    <label for="--my-anchor"><code>--my-anchor</code></label>
+    <input type="radio" id="my-anchor" name="scope" value="--my-anchor" />
+    <label for="my-anchor"><code>--my-anchor</code></label>
     <input type="radio" id="none" name="scope" value="none" />
     <label for="none"><code>none</code></label>
   </fieldset>
@@ -203,8 +203,8 @@ body {
 
 .scoped {
   padding: 20px;
-  background: #eee;
-  border: 2px solid #ddd;
+  background: #eeeeee;
+  border: 2px solid #dddddd;
   border-radius: 10px;
   width: 100px;
   height: 100px;
@@ -225,7 +225,7 @@ body {
   border-radius: 3px;
   width: fit-content;
   padding: 3px 6px;
-  box-shadow: 3px 3px 3px rgba(0 0 0 / 0.2);
+  box-shadow: 3px 3px 3px rgb(0 0 0 / 0.2);
 }
 
 form {

files/en-us/web/css/reference/properties/animation-timeline/index.md

@@ -325,8 +325,8 @@ In this example, we demonstrate how to create and apply a named view progress ti
 Our HTML includes a lot of text in a container within a scroller, which we've hidden for brevity. In the middle of the wall of text, we include two `<div>` elements that we will animate based on the visibility of the element itself in the first case and based on the visibility of its parent in the second case:
 
 ```html live-sample___named_view
-<div class="animatedElement self">SELF</div>
-<div class="animatedElement parent">PARENT</div>
+<div class="animated-element self">SELF</div>
+<div class="animated-element parent">PARENT</div>
 ```
 
 ```html-nolint hidden live-sample___named_view
@@ -349,7 +349,7 @@ Our HTML includes a lot of text in a container within a scroller, which we've hi
 We create a keyframe animation that changes the opacity and scale of the element, and apply it to both animated elements:
 
 ```css live-sample___named_view
-@keyframes animationEffect {
+@keyframes animation-effect {
   0% {
     opacity: 0;
     scale: 0;
@@ -360,23 +360,23 @@ We create a keyframe animation that changes the opacity and scale of the element
   }
 }
 
-.animatedElement {
-  animation: animationEffect 1ms linear;
+.animated-element {
+  animation: animation-effect 1ms linear;
 }
 ```
 
 The `self` element is explicitly named as the scroller for itself by setting the `view-timeline-name` property to a `<dashed-ident>` and also setting that `<dashed-ident>` name as the value of the `animation-timeline` property. In the `parent` case, we set the `container` as the scroller for the animated element:
 
 ```css live-sample___named_view
 .self {
-  view-timeline-name: --selfScrollerElement;
-  animation-timeline: --selfScrollerElement;
+  view-timeline-name: --self-scroller-element;
+  animation-timeline: --self-scroller-element;
 }
 .container {
-  view-timeline-name: --parentScrollerElement;
+  view-timeline-name: --parent-scroller-element;
 }
 .parent {
-  animation-timeline: --parentScrollerElement;
+  animation-timeline: --parent-scroller-element;
 }
 ```
 
@@ -402,7 +402,7 @@ Additional CSS declarations were hidden for brevity.
     margin-bottom: 0.75lh;
   }
 
-  .animatedElement {
+  .animated-element {
     height: 200px;
     width: calc(100% - 2em);
     margin: auto;

files/en-us/web/css/reference/properties/baseline-source/index.md

@@ -86,7 +86,7 @@ body {
 }
 
 .box {
-  border: 2px solid #888;
+  border: 2px solid #888 888;
   width: 50px;
 }
 

files/en-us/web/css/reference/properties/index.md

@@ -56,6 +56,7 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("alignment-baseline")}}
 - {{CSSxRef("all")}} (shorthand)
 - {{CSSxRef("anchor-name")}}
+- {{CSSxRef("anchor-scope")}}
 - {{CSSxRef("animation-composition")}}
 - {{CSSxRef("animation-delay")}}
 - {{CSSxRef("animation-direction")}}
@@ -89,6 +90,7 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("background-repeat")}}
 - {{CSSxRef("background-size")}}
 - {{CSSxRef("background")}} (shorthand)
+- {{CSSxRef("baseline-source")}}
 - {{CSSxRef("block-size")}}
 
 ### Border-\*
@@ -321,6 +323,9 @@ Standard properties defined by CSS specifications include the following:
 - {{CSSxRef("inset")}} (shorthand)
 - {{CSSxRef("inset")}} (shorthand)
 - {{CSSxRef("interactivity")}}
+- {{CSSxRef("interest-delay")}}
+- {{CSSxRef("interest-delay-end")}}
+- {{CSSxRef("interest-delay-start")}}
 - {{CSSxRef("interpolate-size")}}
 - {{CSSxRef("isolation")}}
 

files/en-us/web/css/reference/properties/timeline-scope/index.md

@@ -44,7 +44,7 @@ The `timeline-scope` property modifies the scope of a named animation timeline.
 
 The value of the `timeline-scope` is the name of a timeline defined on a descendant element; this changes the scope of the timeline to include the targeted element and its descendants. In other words, that element on which the `timeline-scope` property is defined, and all of its descendant elements, can be controlled using that timeline.
 
-If no timeline (or more than one timeline) exists with the name given for the `timeline-scope` value, an inactive timeline with the specified name is created. The `timeline-scope` property only works with named timelines, and therefore can not be used in conjunction with anonymous timelines created using the {{cssxref("view()")}} or {{cssxref("scroll()")}} animation timeline functions.
+If no timeline (or more than one timeline) exists with the name given for the `timeline-scope` value, an inactive timeline with the specified name is created. The `timeline-scope` property only works with named timelines, and therefore can not be used in conjunction with anonymous timelines created using the {{cssxref("animation-timeline/view", "view()")}} or {{cssxref("animation-timeline/scroll", "scroll()")}} animation timeline functions.
 
 ## Formal definition
 

files/en-us/web/css/reference/properties/view-timeline-axis/index.md

@@ -198,7 +198,7 @@ Scroll the horizontal bar at the bottom to see the subject element animate as yo
 
 - {{cssxref("animation-timeline")}}
 - {{cssxref("view-timeline")}}, {{cssxref("view-timeline-inset")}}, {{cssxref("view-timeline-name")}}
-- {{cssxref("view()")}}
+- {{cssxref("animation-timeline/view", "view()")}}
 - [Guide: Scroll-driven animation timelines](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timelines)
 - [CSS scroll-driven animations](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations) module
 - [CSS animations](/en-US/docs/Web/CSS/Guides/Animations) module

files/en-us/web/css/reference/selectors/_colon_valid/index.md

@@ -131,7 +131,7 @@ input {
 }
 
 input {
-  box-shadow: inset 1px 1px 3px #ccccccs;
+  box-shadow: inset 1px 1px 3px #cccccc;
   border-radius: 5px;
 }
 

files/en-us/web/css/reference/selectors/index.md

@@ -37,6 +37,7 @@ selector {
 - [Attribute selectors](/en-US/docs/Web/CSS/Reference/Selectors/Attribute_selectors)
 - [Class selectors](/en-US/docs/Web/CSS/Reference/Selectors/Class_selectors)
 - [ID selectors](/en-US/docs/Web/CSS/Reference/Selectors/ID_selectors)
+- [Keyframe selectors](/en-US/docs/Web/CSS/Reference/Selectors/Keyframe_selectors)
 - [Namespace separator (`|`)](/en-US/docs/Web/CSS/Reference/Selectors/Namespace_separator)
 - [Pseudo-class selectors](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-classes)
 - [Pseudo-element selectors](/en-US/docs/Web/CSS/Reference/Selectors/Pseudo-elements)