[pull] main from mdn:main

files/en-us/learn_web_development/extensions/forms/ui_pseudo-classes/index.md

@@ -1017,8 +1017,7 @@ The full example looks like this (press the **Play** button to run the example i
 Viscous,
 Bright Ridge,
 CA
-</textarea
-      >
+</textarea>
     </div>
     <div>
       <label for="zip-code">Zip/postal code: </label>

files/en-us/mdn/writing_guidelines/page_structures/page_types/api_method_subpage_template/index.md

@@ -39,7 +39,6 @@ sidebar: mdnsidebar
 >     If the method is static, then the slug must have a `_static` suffix, like: `Web/API/NameOfTheParentInterface/NameOfTheMethod_static`. This enables us to support instance and static methods which have the same name.
 >
 >     Note that the name of the method in the slug omits the parenthesis (it ends in `NameOfTheMethod` not `NameOfTheMethod()`).
->
 > - **page-type**
 >   - : The `page-type` key for Web/API methods is either `web-api-instance-method` (for instance methods) or `web-api-static-method` (for static methods).
 > - **status**

files/en-us/mdn/writing_guidelines/page_structures/page_types/api_property_subpage_template/index.md

@@ -40,7 +40,6 @@ sidebar: mdnsidebar
 >     This will be formatted like `Web/API/NameOfTheParentInterface/NameOfTheProperty`.
 >
 >     If the property is static, then the slug must have a `_static` suffix, like: `Web/API/NameOfTheParentInterface/NameOfTheProperty_static`. This enables us to support instance and static properties which have the same name.
->
 > - **page-type**
 >   - : The `page-type` key for Web/API properties is either `web-api-instance-property` (for instance properties) or `web-api-static-property` (for static properties).
 > - **status**

files/en-us/mdn/writing_guidelines/page_structures/page_types/css_selector_page_template/index.md

@@ -45,7 +45,6 @@ sidebar: mdnsidebar
 >
 >     Note that you may first need to create/update an entry for the selector and its specification in our <a href="https://github.com/mdn/browser-compat-data">Browser compat data repo</a>.
 >     See our [guide on how to do this](/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables).
->
 > - **sidebar**
 >   - : This is `cssref` for all CSS guide and reference pages.
 >     See [Page structures: Sidebars](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars) for details.

files/en-us/mdn/writing_guidelines/page_structures/page_types/html_attribute_page_template/index.md

@@ -61,7 +61,6 @@ Only add an article if the attribute has enough nuance to deserve its own exampl
 >     The toolchain automatically uses the key to populate the compatibility and specification sections (replacing the `\{{Compat}}` and `\{{Specifications}}` macros).
 >     Note that you may first need to create/update an entry for the attribute in our [Browser compat data repo](https://github.com/mdn/browser-compat-data), and the entry will need to include specification information.
 >     See our [guide on how to do this](/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables).
->
 > - **sidebar**
 >   - : Keep as `htmlsidebar` (all pages under `/web/html/` use this sidebar).
 >     See [Page structures: Sidebars](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars) for details.

files/en-us/mdn/writing_guidelines/page_structures/page_types/http_header_page_template/index.md

@@ -49,7 +49,6 @@ sidebar: mdnsidebar
 >
 >     Browser compatibility does not apply for HTTP headers where no specific implementation is provided (such as automatically adding a request header to some requests or changing behavior based on data in a response header).
 >     For these cases, remove the browser-compat key and value.
->
 > - **sidebar**
 >   - : This is always `http`.
 >     See [Page structures: Sidebars](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars) for details.

files/en-us/mdn/writing_guidelines/page_structures/page_types/svg_element_page_template/index.md

@@ -46,7 +46,6 @@ sidebar: mdnsidebar
 >
 >     Note that you may first need to create/update an entry for the element in our [Browser compat data repo](https://github.com/mdn/browser-compat-data), and the entry will need to include specification information.
 >     See our [guide on how to do this](/en-US/docs/MDN/Writing_guidelines/Page_structures/Compatibility_tables).
->
 > - **sidebar**
 >   - : This is `svgref` for all SVG guide and reference pages.
 >     See [Page structures: Sidebars](/en-US/docs/MDN/Writing_guidelines/Page_structures/Sidebars) for details.

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

@@ -495,6 +495,22 @@ These give developers more flexibility when structuring and loading JavaScript m
 
 ## APIs
 
+### Crash Reporting
+
+Crash reports can now be sent through the [Reporting API](/en-US/docs/Web/API/Reporting_API) to the `default` endpoint.
+Note that Firefox does not support providing {{domxref("CrashReportContext")}} in the report body.
+([Firefox bug 2036160](https://bugzil.la/2036160)).
+
+| Release channel   | Version added | Enabled by default? |
+| ----------------- | ------------- | ------------------- |
+| Nightly           | 152           | Yes                 |
+| Developer Edition | 152           | No                  |
+| Beta              | 152           | No                  |
+| Release           | 152           | No                  |
+
+- `dom.reporting.crash.enabled`
+  - : Set to `true` to enable (enabled by default in Nightly).
+
 ### Scoped custom element registries
 
 Support for [scoped custom element registries](/en-US/docs/Web/API/Web_components/Using_custom_elements#scoped_custom_element_registries) is being implemented.

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

@@ -121,3 +121,8 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil
 - **`<timeline-range-name>` values in `@keyframes` selectors**: `layout.css.scroll-driven-animations.enabled`
 
   The {{cssxref("@keyframes")}} at-rule now supports [`<timeline-range-name>`](/en-US/docs/Web/CSS/Reference/Values/timeline-range-name) values. These [values](/en-US/docs/Web/CSS/Guides/Scroll-driven_animations/Timeline_range_names#timeline_range_names) let you specify the segment within which a scroll-driven animation takes place. ([Firefox bug 1824875](https://bugzil.la/1824875)).
+
+- **Crash Reporting** (Nightly): `dom.reporting.crash.enabled`
+
+  Crash report can now be sent through the [Reporting API](/en-US/docs/Web/API/Reporting_API).
+  ([Firefox bug 2036160](https://bugzil.la/2036160)).

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

@@ -78,8 +78,7 @@ We could extend the initial example on the page to also identify a paragraph tha
   <pre>
 `
         let awesome = ['music', 'cats', 'nature', 'ice cream'];
-      `</pre
-  >
+      `</pre>
   <p id="figure-1">Figure 1: The four layers of awesome.</p>
 </div>
 ```
@@ -99,8 +98,7 @@ If at all possible, you should use the appropriate semantic HTML elements to mar
   <pre>
 `
     let awesome = ['music', 'cats', 'nature', 'ice cream'];
-  `</pre
-  >
+  `</pre>
   <figcaption>Figure 1: The four layers of awesome.</figcaption>
 </figure>
 ```

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

@@ -31,9 +31,7 @@ None.
 
 ```js
 const options = {
-  challenge: new Uint8Array([
-    /* bytes sent from the server */
-  ]),
+  challenge: new Uint8Array([/* bytes sent from the server */]),
 };
 
 navigator.credentials

files/en-us/web/api/credentialscontainer/get/index.md

@@ -138,9 +138,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
         },
       ],
     },
@@ -161,9 +159,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
           loginHint: "user1@example.com",
         },
       ],
@@ -183,9 +179,7 @@ async function signIn() {
           {
             configURL: "https://accounts.idp.example/config.json",
             clientId: "********",
-            params: {
-              /* IdP-specific parameters */
-            },
+            params: {/* IdP-specific parameters */},
           },
         ],
       },

files/en-us/web/api/cssfontpalettevaluesrule/fontfamily/index.md

@@ -24,8 +24,7 @@ This example first defines an {{cssxref("@import")}} and an {{cssxref("@font-pal
 
 ```html
 <pre id="log">
-The @font-palette-values at-rule's applies to the font families:</pre
->
+The @font-palette-values at-rule's applies to the font families:</pre>
 ```
 
 #### CSS

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

@@ -59,7 +59,7 @@ For example, it provides {{DOMxRef("CSSStyleDeclaration/getPropertyValue","getPr
 const styleObj = document.styleSheets[0].cssRules[0].style;
 console.log(styleObj.cssText);
 
-for (let i = styleObj.length; i--; ) {
+for (let i = styleObj.length; i--;) {
   const nameString = styleObj[i];
   styleObj.removeProperty(nameString);
 }

files/en-us/web/api/document/activeelement/index.md

@@ -34,11 +34,9 @@ The deepest {{domxref('Element')}} which currently has focus.
 
 <form>
   <textarea name="ta-example-one" id="ta-example-one" rows="7" cols="40">
-This is Text Area One. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt, lorem a porttitor molestie, odio nibh iaculis libero, et accumsan nunc orci eu dui.</textarea
-  >
+This is Text Area One. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt, lorem a porttitor molestie, odio nibh iaculis libero, et accumsan nunc orci eu dui.</textarea>
   <textarea name="ta-example-two" id="ta-example-two" rows="7" cols="40">
-This is Text Area Two. Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.</textarea
-  >
+This is Text Area Two. Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.</textarea>
 </form>
 
 <p>Active element ID: <em id="output-element"></em></p>

files/en-us/web/api/fedcm_api/rp_sign-in/index.md

@@ -39,9 +39,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
           loginHint: "user1@example.com",
         },
         {

files/en-us/web/api/hiddevice/sendreport/index.md

@@ -48,9 +48,7 @@ await device.sendReport(0x01, new Uint8Array(enableVibrationData));
 
 // Then, send a command to make the Joy-Con device rumble.
 // Actual bytes are available in the sample.
-const rumbleData = [
-  /* … */
-];
+const rumbleData = [/* … */];
 await device.sendReport(0x10, new Uint8Array(rumbleData));
 ```
 

files/en-us/web/api/identitycredential/configurl/index.md

@@ -32,9 +32,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
         },
       ],
     },

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

@@ -45,9 +45,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
         },
       ],
     },

files/en-us/web/api/identitycredential/token/index.md

@@ -34,9 +34,7 @@ async function signIn() {
         {
           configURL: "https://accounts.idp.example/config.json",
           clientId: "********",
-          params: {
-            /* IdP-specific parameters */
-          },
+          params: {/* IdP-specific parameters */},
         },
       ],
     },

files/en-us/web/api/payment_request_api/using_the_payment_request_api/index.md

@@ -190,9 +190,7 @@ If the checkout flow needs to know whether {{domxref("PaymentRequest.canMakePaym
 // The page has loaded. Should the page use PaymentRequest?
 // If PaymentRequest fails, should the page fallback to manual
 // web form checkout?
-const supportedPaymentMethods = [
-  /* supported methods */
-];
+const supportedPaymentMethods = [/* supported methods */];
 
 let shouldCallPaymentRequest = true;
 let fallbackToLegacyOnPaymentRequestFailure = false;

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

@@ -104,9 +104,7 @@ Here, we fetch an existing credential from an authenticator, using {{domxref("Cr
 ```js
 const requestCredentialOptions = {
   publicKey: {
-    challenge: new Uint8Array([
-      /* bytes sent from the server */
-    ]),
+    challenge: new Uint8Array([/* bytes sent from the server */]),
   },
 };
 

files/en-us/web/api/request/duplex/index.md

@@ -28,9 +28,7 @@ Although `duplex` can be passed as an option when constructing a `Request`, it i
 ### Checking a request's duplex mode
 
 ```js
-const stream = new ReadableStream({
-  /* ... */
-});
+const stream = new ReadableStream({/* ... */});
 const request = new Request("/upload", {
   method: "POST",
   body: stream,

files/en-us/web/api/rtcicecandidate/candidate/index.md

@@ -50,9 +50,9 @@ ICE candidate received from the remote peer during the signaling process.
 function handleNewIceCandidate(candidateSDP) {
   const candidateObj = new RTCIceCandidate(candidateSDP);
 
-  myPeerConnection.addIceCandidate(candidateObj).catch({
-    /* handle the error thrown by addIceCandidate() */
-  });
+  myPeerConnection
+    .addIceCandidate(candidateObj)
+    .catch({/* handle the error thrown by addIceCandidate() */});
 }
 ```
 

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

@@ -62,9 +62,7 @@ A new `SecurityPolicyViolationEvent` object.
 ## Examples
 
 ```js
-let SPVEvt = new SecurityPolicyViolationEvent("foo", {
-  /* ... */
-});
+let SPVEvt = new SecurityPolicyViolationEvent("foo", {/* ... */});
 ```
 
 ## Specifications

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

@@ -95,9 +95,7 @@ class AnyToU8Stream extends TransformStream {
 This is a useful one, where multiple streams can be conjoined. Examples include building a PWA with progressive loading and progressive streaming.
 
 ```js
-let responses = [
-  /* conjoined response tree */
-];
+let responses = [/* conjoined response tree */];
 let { readable, writable } = new TransformStream();
 
 responses.reduce(

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

@@ -60,12 +60,8 @@ if (navigator.getVRDisplays) {
 
 ```js
 const init = {
-  leftBounds: [
-    /* … */
-  ],
-  rightBounds: [
-    /* … */
-  ],
+  leftBounds: [/* … */],
+  rightBounds: [/* … */],
   source: canvasReference,
 };
 ```

files/en-us/web/api/webxr_device_api/performance/index.md

@@ -38,9 +38,7 @@ Consider the following:
 function drawScene(gl, view, programInfo, buffers, texture, deltaTime) {
   // …
   for (const object in scene) {
-    const vertexList = [
-      /* … */
-    ];
+    const vertexList = [/* … */];
     const normalMatrix = mat4.create();
     const modelViewMatrix = mat4.create();
     const objectMatrix = mat4.create();
@@ -57,9 +55,7 @@ This renders a scene. But it's inefficient, because it allocates as local variab
 A simple change can optimize this significantly:
 
 ```js
-const vertexList = [
-  /* … */
-];
+const vertexList = [/* … */];
 const normalMatrix = mat4.create();
 const modelViewMatrix = mat4.create();
 

files/en-us/web/api/xrcompositionlayer/miplevels/index.md

@@ -35,9 +35,7 @@ let quadLayer = xrGLBinding.createQuadLayer({
   width: 1.0,
   height: 1.0,
   mipLevels: 5,
-  transform: new XRRigidTransform({
-    /* … */
-  }),
+  transform: new XRRigidTransform({/* … */}),
 });
 
 quadLayer.mipLevels; // 5