From 5b91a8f5d0d17bd758b1e387316999b953816f6d Mon Sep 17 00:00:00 2001 From: Hamish Willee Date: Mon, 20 Jul 2026 21:36:48 +1000 Subject: [PATCH 1/3] FF153 Relnote/Expr features: CSS basic shape closest-/farthest-corner (#44831) FF153Relnote: CSS basic shape closest-/farthest-corner --- .../firefox/experimental_features/index.md | 15 +++++++++++++++ files/en-us/mozilla/firefox/releases/153/index.md | 5 +++++ 2 files changed, 20 insertions(+) diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index c0a09483a0896e3..eb45522d7eb356b 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -79,6 +79,21 @@ The HTML [``](/en-US/docs/Web/HTML/Reference/Elements/input/ ## CSS +### `circle()` and `ellipse()` allow `farthest-corner` and `closest-corner` keywords + +The `farthest-corner` and `closest-corner` keywords can now be used for specifying the radii values of the [`ellipse()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/ellipse) and [`circle()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/circle) CSS basic shapes. +(See [Firefox bug 2037673](https://bugzil.la/2037673) for more details.) + +| Release channel | Version added | Enabled by default? | +| ----------------- | ------------- | ------------------- | +| Nightly | 153 | Yes | +| Developer Edition | 153 | No | +| Beta | 153 | No | +| Release | 153 | No | + +- `layout.css.ellipse-corners.enabled` + - : Set to `true` to enable. + ### Hex boxes to display stray control characters This feature renders control characters (Unicode category Cc) other than _tab_ (`U+0009`), _line feed_ (`U+000A`), _form feed_ (`U+000C`), and _carriage return_ (`U+000D`) as a hex box when they are not expected. (See [Firefox bug 1099557](https://bugzil.la/1099557) for more details.) diff --git a/files/en-us/mozilla/firefox/releases/153/index.md b/files/en-us/mozilla/firefox/releases/153/index.md index b227b323b435580..2060c8d5a01a02f 100644 --- a/files/en-us/mozilla/firefox/releases/153/index.md +++ b/files/en-us/mozilla/firefox/releases/153/index.md @@ -154,3 +154,8 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil The {{cssxref("sibling-count")}} and {{cssxref("sibling-index")}} function are now supported. The `sibling-count()` function returns the number sibling elements as well as the element itself. The `sibling-index()` function returns the index number of the element in relation to its siblings, this starts from `1` and not `0`. ([Firefox bug 2042063](https://bugzil.la/2042063)). + +- **CSS basic shapes allow `farthest-corner` and `closest-corner` keywords** (Nightly): `layout.css.ellipse-corners.enabled` + + The `farthest-corner` and `closest-corner` keywords can now be used for specifying the radii values of the [`ellipse()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/ellipse) and [`circle()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/circle) CSS basic shapes. + ([Firefox bug 2037673](https://bugzil.la/2037673)). From 67f14a7fc50b40202e72b1425ade28e38046ecd9 Mon Sep 17 00:00:00 2001 From: Hamish Willee Date: Mon, 20 Jul 2026 21:37:55 +1000 Subject: [PATCH 2/3] Ff153 devtools access heading (#44758) * FF153 Relnote: devtools - heading level in accessibility * FF153 Relnote: devtools - heading level in accessibility --- files/en-us/mozilla/firefox/releases/153/index.md | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/files/en-us/mozilla/firefox/releases/153/index.md b/files/en-us/mozilla/firefox/releases/153/index.md index 2060c8d5a01a02f..03c2ba560329c5b 100644 --- a/files/en-us/mozilla/firefox/releases/153/index.md +++ b/files/en-us/mozilla/firefox/releases/153/index.md @@ -16,7 +16,11 @@ Firefox 153 is the current [Beta version of Firefox](https://www.firefox.com/en- ## Changes for web developers - +### Developer Tools + +- The developer tools now provide the heading level for a heading element in the accessibility highlighter and accessibility tree (previously just the fact that it was a heading was shown). + The information can be found in the [Accessibility Inspector panel](https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html). + ([Firefox bug 1588784](https://bugzil.la/1588784) and [Firefox bug 2044904](https://bugzil.la/2044904)). ### HTML From a5511218228b366488c58a8a2ff28c86bd0c1011 Mon Sep 17 00:00:00 2001 From: A1lo Date: Mon, 20 Jul 2026 19:50:06 +0800 Subject: [PATCH 3/3] chore(dev): replace deprecated `fred-server|ssr` command (#44757) --- .github/workflows/pr-test.yml | 4 ++-- package.json | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.github/workflows/pr-test.yml b/.github/workflows/pr-test.yml index 4847c680c58730a..ee49f08f320535a 100644 --- a/.github/workflows/pr-test.yml +++ b/.github/workflows/pr-test.yml @@ -136,10 +136,10 @@ jobs: npx @mdn/rari build --no-basic --json-issues --data-issues "${ARGS[@]}" - # Workaround, as fred-ssr doesn't copy assets. + # Workaround, as `fred ssr` doesn't copy assets. cp -vR node_modules/@mdn/fred/out/. "$BUILD_OUT_ROOT" - npx --package=@mdn/fred fred-ssr + npx @mdn/fred ssr echo "Disk usage size of the build" du -sh $BUILD_OUT_ROOT diff --git a/package.json b/package.json index 6c5dd9f5e529fda..cb3a19fb7b38088 100644 --- a/package.json +++ b/package.json @@ -44,7 +44,7 @@ "lint:typos-group-by-file": "cspell --no-progress --gitignore --quiet --reporter cspell-group-by-file-reporter --config .vscode/cspell.json \"**/*.md\"", "lint:typos-words-only": "cspell --no-progress --gitignore --words-only --unique --config .vscode/cspell.json \"**/*.md\"", "lint:yml": "prettier -c \"**/*.yml\"", - "start": "npm run --silent info:fred && npm run up-to-date-check && env-cmd --silent cross-env CONTENT_ROOT=files NODE_ENV=production FRED_PLAYGROUND_LOCAL=true FRED_PLAYGROUND_PORT=5043 FRED_PORT=5042 FRED_WRITER_MODE=true fred-server", + "start": "npm run --silent info:fred && npm run up-to-date-check && env-cmd --silent cross-env CONTENT_ROOT=files NODE_ENV=production FRED_PLAYGROUND_LOCAL=true FRED_PLAYGROUND_PORT=5043 FRED_PORT=5042 FRED_WRITER_MODE=true fred server", "test": "node --test", "up-to-date-check": "node scripts/up-to-date-check.js" },