@mdn/fred 2.4.1 → 2.4.3

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # Changelog
 
+## [2.4.3](https://github.com/mdn/fred/compare/v2.4.2...v2.4.3) (2026-04-17)
+
+
+### Miscellaneous
+
+* **deps-dev:** bump @mdn/browser-compat-data from 7.3.11 to 7.3.12 ([#1491](https://github.com/mdn/fred/issues/1491)) ([c135a83](https://github.com/mdn/fred/commit/c135a83e2732bc9342a18ae67f07065a6f9b17cb))
+* **deps-dev:** bump the npm-dev group with 2 updates ([#1484](https://github.com/mdn/fred/issues/1484)) ([f7f1096](https://github.com/mdn/fred/commit/f7f1096c93bfd978176c0edcec9f53d90b66f0e2))
+* **deps-dev:** bump the npm-dev group with 2 updates ([#1489](https://github.com/mdn/fred/issues/1489)) ([f2e1e39](https://github.com/mdn/fred/commit/f2e1e394c7dc1d6be60d9601a5a7bcfaf2ea8b8b))
+* **deps:** bump @mdn/rari from 0.2.17 to 0.2.19 ([#1492](https://github.com/mdn/fred/issues/1492)) ([7693845](https://github.com/mdn/fred/commit/76938450156aea8657f74dfa6d6662fd86950b5e))
+* **media:** reorder width-first in two-part queries ([#1464](https://github.com/mdn/fred/issues/1464)) ([c808c41](https://github.com/mdn/fred/commit/c808c4119d9e08b84fb95ff7da2a53dafc5767e2))
+* **menu:** update menu entries ([#1487](https://github.com/mdn/fred/issues/1487)) ([2065f38](https://github.com/mdn/fred/commit/2065f3885866a63d9007649d7489fa3a346ab3e2))
+
+## [2.4.2](https://github.com/mdn/fred/compare/v2.4.1...v2.4.2) (2026-04-15)
+
+
+### Bug Fixes
+
+* **search-modal:** move overscroll-behavior to dialog ([#1455](https://github.com/mdn/fred/issues/1455)) ([c2d9952](https://github.com/mdn/fred/commit/c2d9952436c693c5cb7800328b2350db2a0fbf0e))
+* **search-modal:** overflow documentElement when dialog is open ([#1456](https://github.com/mdn/fred/issues/1456)) ([f60fdb0](https://github.com/mdn/fred/commit/f60fdb0eadcd3e33e092ae27a59277bd47e060bc))
+
+
+### Miscellaneous
+
+* **deps-dev:** bump @mdn/browser-compat-data from 7.3.10 to 7.3.11 ([#1472](https://github.com/mdn/fred/issues/1472)) ([83d817d](https://github.com/mdn/fred/commit/83d817d15c70a823a9068b26e9fc5fd81faad9f2))
+* **deps-dev:** bump basic-ftp from 5.2.1 to 5.2.2 ([#1467](https://github.com/mdn/fred/issues/1467)) ([d089b0a](https://github.com/mdn/fred/commit/d089b0a8ea6d2589583d5745eb3e01b284415a07))
+* **deps-dev:** bump prettier from 3.8.2 to 3.8.3 in the npm-dev group ([#1480](https://github.com/mdn/fred/issues/1480)) ([4a56ca4](https://github.com/mdn/fred/commit/4a56ca45e23e57eeccedfa8a4a21e20c6c3a9426))
+* **deps-dev:** bump the npm-dev group across 1 directory with 5 updates ([#1476](https://github.com/mdn/fred/issues/1476)) ([84dfc50](https://github.com/mdn/fred/commit/84dfc50c580e2dfaa852749a7f45bc1a0782f8d9))
+* **deps-dev:** bump ts-morph from 27.0.2 to 28.0.0 ([#1473](https://github.com/mdn/fred/issues/1473)) ([842d422](https://github.com/mdn/fred/commit/842d422e333e294a291e99f1116d83ed6b2ef8a8))
+* **deps:** bump @mdn/rari from 0.2.16 to 0.2.17 ([#1485](https://github.com/mdn/fred/issues/1485)) ([fd7251a](https://github.com/mdn/fred/commit/fd7251a0cbd9310fb0ff0b904901702fa2ad5b4f))
+* **deps:** bump follow-redirects from 1.15.9 to 1.16.0 ([#1481](https://github.com/mdn/fred/issues/1481)) ([a5d5eae](https://github.com/mdn/fred/commit/a5d5eae1ad7e7e76ad67d1003d9fb266b5dc99f3))
+
 ## [2.4.1](https://github.com/mdn/fred/compare/v2.4.0...v2.4.1) (2026-04-10)
 
 

package/components/media/index.css

@@ -2,23 +2,23 @@
 
 @custom-media --screen-xsmall (width <= 426px);
 
-@custom-media --screen-small-and-wider (426px < width);
+@custom-media --screen-small-and-wider (width > 426px);
 @custom-media --screen-small-only (426px < width <= 769px);
 @custom-media --screen-small-and-narrower (width <= 769px);
 
-@custom-media --screen-medium-and-wider (769px < width);
+@custom-media --screen-medium-and-wider (width > 769px);
 @custom-media --screen-medium-only (769px < width <= 992px);
 @custom-media --screen-medium-and-narrower (width <= 992px);
 
-@custom-media --screen-large-and-wider (992px < width);
+@custom-media --screen-large-and-wider (width > 992px);
 @custom-media --screen-large-only (992px < width <= 1200px);
 @custom-media --screen-large-and-narrower (width <= 1200px);
 
-@custom-media --screen-xlarge-and-wider (1200px < width);
+@custom-media --screen-xlarge-and-wider (width > 1200px);
 @custom-media --screen-xlarge-only (1200px < width <= 1441px);
 @custom-media --screen-xlarge-and-narrower (width <= 1441px);
 
-@custom-media --screen-xxlarge (1441px < width);
+@custom-media --screen-xxlarge (width > 1441px);
 
 @custom-media --screen-menu-full (width > 1044px);
 @custom-media --screen-menu-hamburger (width <= 1044px);

package/components/menu/missing-docs.json

@@ -1,7 +1,6 @@
 {
   "es": [
     "Web/API/Web_Animations_API/Using_the_Web_Animations_API",
-    "Web/CSS/Guides",
     "Web/CSS/Guides/Backgrounds_and_borders/Box-shadow_generator",
     "Web/CSS/Guides/Colors/Applying_color",
     "Web/CSS/Guides/Colors/Color_mixer",

package/components/search-modal/element.css

@@ -6,6 +6,7 @@
 
 dialog {
   padding: 0;
+  overscroll-behavior: contain;
   border: 0;
 
   @media (--screen-menu-full) {
@@ -131,8 +132,6 @@ ul {
 
   overflow: auto;
 
-  overscroll-behavior: contain;
-
   &:has(li) {
     border-top: 1px solid var(--color-border-primary);
   }

package/components/search-modal/element.js

@@ -209,6 +209,14 @@ export class MDNSearchModal extends L10nMixin(LitElement) {
     this.shadowRoot?.querySelector("dialog")?.close();
   }
 
+  /** @param {ToggleEvent} event */
+  _toggle({ newState }) {
+    document.documentElement.classList.toggle(
+      "search-modal-open",
+      newState === "open",
+    );
+  }
+
   connectedCallback() {
     super.connectedCallback();
     this._globalKeydown = this._globalKeydown.bind(this);
@@ -221,6 +229,7 @@ export class MDNSearchModal extends L10nMixin(LitElement) {
     super.disconnectedCallback();
     this.renderRoot.removeEventListener("mouseover", this._loadIndex);
     document.removeEventListener("keydown", this._globalKeydown);
+    document.documentElement.classList.remove("search-modal-open");
   }
 
   _renderLoadingSearchIndex() {
@@ -237,7 +246,12 @@ export class MDNSearchModal extends L10nMixin(LitElement) {
       ? `/${this.locale}/search?${new URLSearchParams({ q: this._query })}`
       : null;
     return html`
-      <dialog @keydown=${this._keydown} @focusin=${this._focus} closedby="any">
+      <dialog
+        @keydown=${this._keydown}
+        @focusin=${this._focus}
+        @toggle=${this._toggle}
+        closedby="any"
+      >
         <form
           method="get"
           action=${`/${this.locale}/search`}

package/components/search-modal/global.css

@@ -0,0 +1,7 @@
+:root {
+  scrollbar-gutter: stable;
+
+  &.search-modal-open {
+    overflow: hidden;
+  }
+}