From 8dee2c8b57b239f4a0586c656f4033c1457b61b8 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 8 Sep 2026 11:22:50 +0100 Subject: [PATCH 1/4] updated the definition of for timeline scopes --- .../en-us/web/css/reference/properties/timeline-scope/index.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/files/en-us/web/css/reference/properties/timeline-scope/index.md b/files/en-us/web/css/reference/properties/timeline-scope/index.md index 7d0d0859ce9739b..15802e2cc96a730 100644 --- a/files/en-us/web/css/reference/properties/timeline-scope/index.md +++ b/files/en-us/web/css/reference/properties/timeline-scope/index.md @@ -37,7 +37,7 @@ Allowed values for `timeline-scope` are: - `all` - : The names of all timelines defined by descendants are in scope for this element and its descendants. - `` - - : Specifies the name of an existing named timeline (i.e., declared using {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}}) defined on a descendant element. This increases the timeline scope to the current element and to any of its descendants. + - : One or more comma-separated [``](/en-US/docs/Web/CSS/Reference/Values/dashed-ident)s representing timeline names (i.e., declared using {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}}). Sets the scope so that the specified `*-timeline-name` values, when set in the subtree, can only be bound to by positioned elements in the same subtree. ## Description From cc6fa7013d565b64c863e2a48e3096cd41f34cd6 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 8 Sep 2026 11:46:13 +0100 Subject: [PATCH 2/4] added the release note for global timeline-scope --- files/en-us/mozilla/firefox/releases/155/index.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/files/en-us/mozilla/firefox/releases/155/index.md b/files/en-us/mozilla/firefox/releases/155/index.md index 95f0c040c7d1661..9218eee35a0fd80 100644 --- a/files/en-us/mozilla/firefox/releases/155/index.md +++ b/files/en-us/mozilla/firefox/releases/155/index.md @@ -45,6 +45,8 @@ No notable changes. This is the new name for the {{cssxref("font-stretch")}} property, which continues to work as a legacy alias. Note that computed style enumeration now returns `font-width` rather than `font-stretch`. ([Firefox bug 1911075](https://bugzil.la/1911075)). +- The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} + ([Firefox bug 2024012](https://bugzil.la/2024012)). ### JavaScript From 4eabb4279d78199d7732dd0170a35111f4c72ba7 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 8 Sep 2026 12:22:17 +0100 Subject: [PATCH 3/4] moved release note to experimental --- .../firefox/experimental_features/index.md | 15 +++++++++++++++ files/en-us/mozilla/firefox/releases/155/index.md | 7 +++++-- 2 files changed, 20 insertions(+), 2 deletions(-) diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 5ec6124846d1800..7cbc859fa18df40 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -446,6 +446,21 @@ The {{cssxref("view-timeline")}} shorthand property now supports the {{cssxref(" | Beta | 155 | No | | Release | 155 | No | +- `layout.css.scroll-driven-animations.enabled` + - : Set to `true` to enable. + +### `timeline-scope` is now global by default + +The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} + ([Firefox bug 2024012](https://bugzil.la/2024012)). + +| Release channel | Version added | Enabled by default? | +| ----------------- | ------------- | ------------------- | +| Nightly | 155 | Yes | +| Developer Edition | 155 | No | +| Beta | 155 | No | +| Release | 155 | No | + - `layout.css.scroll-driven-animations.enabled` - : Set to `true` to enable. diff --git a/files/en-us/mozilla/firefox/releases/155/index.md b/files/en-us/mozilla/firefox/releases/155/index.md index 9218eee35a0fd80..d16ff92668ec34b 100644 --- a/files/en-us/mozilla/firefox/releases/155/index.md +++ b/files/en-us/mozilla/firefox/releases/155/index.md @@ -45,8 +45,6 @@ No notable changes. This is the new name for the {{cssxref("font-stretch")}} property, which continues to work as a legacy alias. Note that computed style enumeration now returns `font-width` rather than `font-stretch`. ([Firefox bug 1911075](https://bugzil.la/1911075)). -- The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} - ([Firefox bug 2024012](https://bugzil.la/2024012)). ### JavaScript @@ -183,3 +181,8 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil - **`view-timeline` includes `view-timeline-inset`**: `layout.css.scroll-driven-animations.enabled` The {{cssxref("view-timeline")}} shorthand property now supports the {{cssxref("view-timeline-inset")}} property. The shorthand lets you specify start and/or end inset (or outset) values to adjust the position of the view progress timeline. ([Firefox bug 2046602](https://bugzil.la/2046602)). + +- **`timeline-scope` is now global by default**: `layout.css.scroll-driven-animations.enabled` + + The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} + ([Firefox bug 2024012](https://bugzil.la/2024012)). From 77ae67f41442849e475975213da5f7e73d29cf26 Mon Sep 17 00:00:00 2001 From: Dave Letorey Date: Tue, 8 Sep 2026 12:23:57 +0100 Subject: [PATCH 4/4] fixed linting error --- files/en-us/mozilla/firefox/experimental_features/index.md | 3 +-- files/en-us/mozilla/firefox/releases/155/index.md | 3 +-- 2 files changed, 2 insertions(+), 4 deletions(-) diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 7cbc859fa18df40..55a9899e4ebc5da 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -451,8 +451,7 @@ The {{cssxref("view-timeline")}} shorthand property now supports the {{cssxref(" ### `timeline-scope` is now global by default -The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} - ([Firefox bug 2024012](https://bugzil.la/2024012)). +The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} ([Firefox bug 2024012](https://bugzil.la/2024012)). | Release channel | Version added | Enabled by default? | | ----------------- | ------------- | ------------------- | diff --git a/files/en-us/mozilla/firefox/releases/155/index.md b/files/en-us/mozilla/firefox/releases/155/index.md index d16ff92668ec34b..01114a6bf39aabf 100644 --- a/files/en-us/mozilla/firefox/releases/155/index.md +++ b/files/en-us/mozilla/firefox/releases/155/index.md @@ -184,5 +184,4 @@ You can find more such features on the [Experimental features](/en-US/docs/Mozil - **`timeline-scope` is now global by default**: `layout.css.scroll-driven-animations.enabled` - The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} - ([Firefox bug 2024012](https://bugzil.la/2024012)). + The default behavior of named timeline scoping has been updated to be global. This can be scoped to elements, and their subtree, using the {{cssxref("timeline-scope")}} CSS property and the value of either the {{cssxref("scroll-timeline-name")}} or {{cssxref("view-timeline-name")}} ([Firefox bug 2024012](https://bugzil.la/2024012)).