chore(dict): fix typos

.vscode/dictionaries/code-entities.txt

@@ -139,6 +139,7 @@ congres
 connectionavailable
 contentaccessible
 contentdelete
+contentoccluded
 contentvisibilityautostatechange
 controlslist
 cookiechange
@@ -575,6 +576,7 @@ ontextformatupdate
 ontextupdate
 onuncapturederror
 onvalidationstatuschange
+onvisibilitymaskchange
 onwebkitmouseforcewillbegin
 onzoomlevelchange
 opendocument
@@ -790,6 +792,7 @@ testingbot-api
 texlive
 texlive-fontsextra
 textformatupdate
+TEXTPATH_SIDETYPE
 textupdate
 TEXTUREI
 thickmathspace
@@ -837,6 +840,7 @@ urlsidebar
 urpmi
 usedtx
 useinbandfec
+useraction
 usercontext-content
 userhash
 userproximity
@@ -860,6 +864,7 @@ viewsource.css
 VIRTUALENVWRAPPER
 virtualkeyboardpolicy
 virtuals
+visibilitymaskchange
 VK_CRSEL
 VK_EREOF
 VK_EXSEL

.vscode/dictionaries/proper-names.txt

@@ -233,6 +233,7 @@ Giorgio
 Golightly
 Googlebot
 Gordo
+Gorman
 Grahl
 Grande-Dixence
 Graywolf9
@@ -620,6 +621,7 @@ Tonisha
 Transcribear
 Transfonter
 Transformiix
+Treanor
 Trekhleb
 Trint
 Trish

files/en-us/mozilla/add-ons/webextensions/api/publicsuffix/getdomain/index.md

@@ -79,8 +79,8 @@ browser.publicSuffix.getDomain("co.uk", { allowPlainSuffix: true });
 Using `allowUnknownSuffix` to handle private or local domains:
 
 ```js
-browser.publicSuffix.getDomain("mydevice.local", { allowUnknownSuffix: true });
-// "mydevice.local"
+browser.publicSuffix.getDomain("my-device.local", { allowUnknownSuffix: true });
+// "my-device.local"
 
 browser.publicSuffix.getDomain("host.intranet", { allowUnknownSuffix: true });
 // "host.intranet"

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

@@ -74,9 +74,9 @@ Our HTML includes a {{htmlelement("section")}} element containing several paragr
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
-  <button class="scrollintoview">Scroll last &lt;p&gt; into view</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
+  <button class="scroll-into-view">Scroll last &lt;p&gt; into view</button>
 </div>
 
 <section>...</section>

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

@@ -74,9 +74,9 @@ Our HTML includes a {{htmlelement("section")}} element containing several paragr
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
-  <button class="scrollintoview">Scroll last &lt;p&gt; into view</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
+  <button class="scroll-into-view">Scroll last &lt;p&gt; into view</button>
 </div>
 
 <section>...</section>
@@ -136,7 +136,7 @@ The rest of the CSS is not shown, for brevity.
 We start by grabbing references to the `<button>` that runs the `scrollBy()` operation, the toolbar `<div>`, and the scrolling `<section>`:
 
 ```js
-const scrollByBtn = document.querySelector(".scrollby");
+const scrollByBtn = document.querySelector(".scroll-by");
 const toolbar = document.querySelector("div");
 const section = document.querySelector("section");
 ```

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

@@ -163,9 +163,9 @@ Our HTML includes a {{htmlelement("section")}} element containing several paragr
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
-  <button class="scrollintoview">Scroll last &lt;p&gt; into view</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
+  <button class="scroll-into-view">Scroll last &lt;p&gt; into view</button>
 </div>
 
 <section>
@@ -229,7 +229,7 @@ The rest of the CSS is not shown, for brevity.
 We start by grabbing references to the `<button>` that runs the `scrollIntoView()` operation, the toolbar `<div>`, and the paragraph with an `id` of `end`:
 
 ```js
-const scrollIntoViewBtn = document.querySelector(".scrollintoview");
+const scrollIntoViewBtn = document.querySelector(".scroll-into-view");
 const toolbar = document.querySelector("div");
 const end = document.querySelector("#end");
 ```

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

@@ -75,9 +75,9 @@ Our HTML includes a {{htmlelement("section")}} element containing several paragr
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
-  <button class="scrollintoview">Scroll last &lt;p&gt; into view</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
+  <button class="scroll-into-view">Scroll last &lt;p&gt; into view</button>
 </div>
 
 <section>...</section>
@@ -137,7 +137,7 @@ The rest of the CSS is not shown, for brevity.
 We start by grabbing references to the `<button>` that runs the `scrollTo()` operation, the toolbar `<div>`, and the scrolling `<section>`:
 
 ```js
-const scrollToBtn = document.querySelector(".scrollto");
+const scrollToBtn = document.querySelector(".scroll-to");
 const toolbar = document.querySelector("div");
 const section = document.querySelector("section");
 ```

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

@@ -77,14 +77,14 @@ The HTML includes a {{htmlelement("section")}} element to represent the slidesho
 
 ```html live-sample___basic_usage
 <p>
-  I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon ea narwhal
-  asymmetrical.
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus.
+  Set sit amet ipsum mauris.
 </p>
 <section>Slide 1</section>
 <button>Update slide</button>
 <p>
-  Kombucha laborum tempor iceland pour-over. Keytar in echo park gorpcore
-  bespoke.
+  Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et
+  mollis dolor.
 </p>
 ```
 

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

@@ -12,7 +12,7 @@ browser-compat: api.Request.isReloadNavigation
 
 The **`isReloadNavigation`** read-only property of the {{domxref("Request")}} interface is a boolean indicating whether the request is a user-triggered reload.
 
-A user-triggered reload can be triggered via a browser control, such as pressing <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> + <kbd>R</kbd> or clicking the browser's reload button, or programmaically (for example, by calling {{domxref("Location.reload()")}}, {{domxref("History.go()", "History.go(0)")}}, or {{domxref("Navigation.reload()")}}).
+A user-triggered reload can be triggered via a browser control, such as pressing <kbd>Cmd</kbd>/<kbd>Ctrl</kbd> + <kbd>R</kbd> or clicking the browser's reload button, or programmatically (for example, by calling {{domxref("Location.reload()")}}, {{domxref("History.go()", "History.go(0)")}}, or {{domxref("Navigation.reload()")}}).
 
 This property is primarily used within service worker {{domxref("ServiceWorkerGlobalScope.fetch_event", "fetch")}} event handlers to respond appropriately to reload requests versus non-reload requests.
 For example, a reload request indicates that the user expects current data, so it should prefer content from the server over that from a cache.

files/en-us/web/api/view_transition_api/using_element-scoped/index.md

@@ -41,8 +41,8 @@ The markup includes a {{htmlelement("ul")}} list of links between two {{htmlelem
 
 ```html live-sample___basic-element-scoped
 <p>
-  I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon ea narwhal
-  asymmetrical.
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus.
+  Set sit amet ipsum mauris.
 </p>
 
 <ul>
@@ -53,8 +53,8 @@ The markup includes a {{htmlelement("ul")}} list of links between two {{htmlelem
 </ul>
 
 <p>
-  Kombucha laborum tempor iceland pour-over. Keytar in echo park gorpcore
-  bespoke.
+  Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et
+  mollis dolor.
 </p>
 ```
 
@@ -196,7 +196,7 @@ function handleClick(e) {
 
 {{embedlivesample("basic-element-scoped", "100%", "520")}}
 
-Click/activate the links to see the view tranasition on each one.
+Click/activate the links to see the view transition on each one.
 
 Each `<a>` element has its own view transition, scoped just to that element. The rest of the page stays interactive while a view transition is ongoing, so you can run multiple view transitions at the same time. In addition, the transitioning elements stay below the overlapping generated content positioned above them.
 
@@ -244,25 +244,25 @@ The HTML is similar to the previous example, except that the central element is
 
 ```html live-sample___element-scoped-clipping
 <p>
-  I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon ea narwhal
-  asymmetrical.
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus.
+  Set sit amet ipsum mauris.
 </p>
 
 <section>
   <p>
-    I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon ea
-    narwhal asymmetrical. Af health goth shaman in slow-carb godard echo park.
-    Tofu farm-to-table labore salvia tote bag food truck dolore gluten-free
-    poutine kombucha fanny pack +1 franzen lyft fugiat. Chicharrones next level
-    jianbing, enamel pin seitan cardigan bruh snackwave beard incididunt dolor
-    lumber before they sold out dreamcatcher single-origin coffee.
+    Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec
+    et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae
+    augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec
+    ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit
+    amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis
+    felis, pulvinar a semper sed, adipiscing id dolor.
   </p>
 </section>
 <button>Change!</button>
 
 <p>
-  Kombucha laborum tempor iceland pour-over. Keytar in echo park gorpcore
-  bespoke.
+  Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et
+  mollis dolor.
 </p>
 ```
 
@@ -340,8 +340,8 @@ The script defines a `content` array containing two different strings to swap th
 
 ```js hidden live-sample___element-scoped-clipping
 const content = [
-  "I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon eanarwhal asymmetrical. Af health goth shaman in slow-carb godard echopark. Tofu farm-to-table labore salvia tote bag food truck dolore gluten-free poutine kombucha fanny pack +1 franzen lyft fugiat. Chicharrones next level jianbing, enamel pin seitan cardigan bruh snackwave beard incididunt dolor lumber before they sold out dreamcatcher single-origin coffee.",
-  "Kombucha laborum tempor iceland pour-over. Keytar in echo park gorpcore bespoke. Art party quinoa stumptown celiac, sed chillwave 3 wolf moon. Scenester fugiat pariatur, seitan selvage excepteur chambray yuccie artisan. Sunt schlitz ugh, et jawn sus four loko pop-up post-ironic photo booth occaecat deep v 8-bit tacos marfa. Tattooed ipsum tbh occaecat umami four loko adaptogen taiyaki truffaut hexagon neutral milk hotel.",
+  "Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et mollis dolor. Praesent et diam eget libero egestas mattis sit amet vitae augue. Nam tincidunt congue enim, ut porta lorem lacinia consectetur. Donec ut librero sed accu vehicula ultricies a non tortor. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aenean ut gravida lorem. Ut turpis felis, pulvinar a semper sed, adipiscing id dolor.",
+  "Nam vulputate diam nec tempor bibendum. Donec luctus augue eget malesuada ultrices. Phasellus turpis est, posuere sit amet dapibus ut, facilisis sed est. Nam id risus quis ante semper consectetur eget aliquam lorem. Vivamus tristique elit dolor, sed pretium metus suscipit vel. Mauris ultricies lectus sed lobortis finibus. Vivamus eu urna eget velit cursus viverra quis vestibulum sem. Aliquam tincidunt eget purus in interdum.",
 ];
 
 const section = document.querySelector("section");
@@ -350,7 +350,7 @@ const btn = document.querySelector("button");
 ```
 
 ```js
-const content = ["I'm baby xOXO ...", "Kombucha laborum ..."];
+const content = ["Maecenas congue ligula ...", "Nam vulputate diam ..."];
 
 const section = document.querySelector("section");
 const para = document.querySelector("section p");
@@ -398,8 +398,8 @@ The HTML is the same as for the [first example](#basic_element-scoped_example),
 
 ```html hidden live-sample___element-scoped-nested
 <p>
-  I'm baby xOXO bespoke cupidatat PBR&B, affogato cronut 3 wolf moon ea narwhal
-  asymmetrical.
+  Lorem ipsum dolor sit amet, consectetur adipisicing elit. Donec a diam lectus.
+  Set sit amet ipsum mauris.
 </p>
 <div class="wrapper">
   <ul class="one">
@@ -417,8 +417,8 @@ The HTML is the same as for the [first example](#basic_element-scoped_example),
   </ul>
 </div>
 <p>
-  Kombucha laborum tempor iceland pour-over. Keytar in echo park gorpcore
-  bespoke.
+  Maecenas congue ligula as quam viverra nec consectetur ant hendrerit. Donec et
+  mollis dolor.
 </p>
 ```
 

files/en-us/web/api/window/scroll/index.md

@@ -74,8 +74,8 @@ Our HTML includes several paragraphs of content and a {{htmlelement("div")}} ele
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
 </div>
 
 <p>...</p>

files/en-us/web/api/window/scrollby/index.md

@@ -81,8 +81,8 @@ Our HTML includes several paragraphs of content and a {{htmlelement("div")}} ele
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
 </div>
 
 <p>...</p>
@@ -141,7 +141,7 @@ The rest of the CSS is not shown, for brevity.
 We start by grabbing references to the `<button>` that runs the `scrollBy()` operation and the toolbar `<div>`:
 
 ```js
-const scrollByBtn = document.querySelector(".scrollby");
+const scrollByBtn = document.querySelector(".scroll-by");
 const toolbar = document.querySelector("div");
 ```
 

files/en-us/web/api/window/scrollto/index.md

@@ -73,8 +73,8 @@ Our HTML includes several paragraphs of content and a {{htmlelement("div")}} ele
 ```html
 <div>
   <button class="scroll">scroll() to 1000</button>
-  <button class="scrollto">scrollTo() top</button>
-  <button class="scrollby">scrollBy() 200</button>
+  <button class="scroll-to">scrollTo() top</button>
+  <button class="scroll-by">scrollBy() 200</button>
 </div>
 
 <p>...</p>
@@ -133,7 +133,7 @@ The rest of the CSS is not shown, for brevity.
 We start by grabbing references to the `<button>` that runs the `scrollTo()` operation and the toolbar `<div>`:
 
 ```js
-const scrollToBtn = document.querySelector(".scrollto");
+const scrollToBtn = document.querySelector(".scroll-to");
 const toolbar = document.querySelector("div");
 ```
 

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

@@ -39,7 +39,7 @@ font: caption;
 <section id="default-example">
   <q id="example-element">
     Prejudices, it is well known, are most difficult to eradicate from the heart
-    whose soil has never been loosened or fertilised by education: they grow
+    whose soil has never been loosened or fertilized by education: they grow
     there, firm as weeds among stones.
   </q>
 </section>

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

@@ -162,7 +162,7 @@ function handleClick(e) {
 Click the "Update DOM" button to see the view transition. Now try the following:
 
 1. Inspect one of the `<div>` elements.
-2. In the Styles panel in your browser's developer tools, uncheck the `view-transition-scope: all;` declaration to unapply it.
+2. In the Styles panel in your browser's developer tools, uncheck the `view-transition-scope: all;` declaration to disable it.
 3. Now switch to the JavaScript Console.
 4. Click the "Update DOM" button again.