diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 5ec6124846d1800..55a9899e4ebc5da 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -446,6 +446,20 @@ 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 95f0c040c7d1661..01114a6bf39aabf 100644 --- a/files/en-us/mozilla/firefox/releases/155/index.md +++ b/files/en-us/mozilla/firefox/releases/155/index.md @@ -181,3 +181,7 @@ 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)). 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