Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 14 additions & 0 deletions files/en-us/mozilla/firefox/experimental_features/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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.

Expand Down
4 changes: 4 additions & 0 deletions files/en-us/mozilla/firefox/releases/155/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)).
Original file line number Diff line number Diff line change
Expand Up @@ -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.
- `<dashed-ident>`
- : 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 [`<dashed-ident>`](/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

Expand Down