From 8a62541f868ad07b4cffa82ec63afbdb8343967c Mon Sep 17 00:00:00 2001 From: Brian Thomas Smith Date: Tue, 7 Nov 2023 12:33:29 +0100 Subject: [PATCH] relnote(120): Move prefixed CSS transform prop changes to Exp. Features page * Set prefixed CSS transform props as still supported * Add exp. features relnote for CSS transition props --- .../firefox/experimental_features/index.md | 104 +++++++++++++++++- .../mozilla/firefox/releases/120/index.md | 10 -- .../en-us/web/css/mozilla_extensions/index.md | 12 +- 3 files changed, 109 insertions(+), 17 deletions(-) diff --git a/files/en-us/mozilla/firefox/experimental_features/index.md b/files/en-us/mozilla/firefox/experimental_features/index.md index 4fe8b598e9c8916..4c4a70c35d57c62 100644 --- a/files/en-us/mozilla/firefox/experimental_features/index.md +++ b/files/en-us/mozilla/firefox/experimental_features/index.md @@ -982,7 +982,7 @@ The CSS {{cssxref("offset-path")}} property now supports using [`url()`](/en-US/ ### zoom property -The non-standard CSS {{cssxref("zoom")}} property lets you magnify an element similar to the {{cssxref("transform")}} property, but it affects the layout size of the element. +The non-standard CSS {{cssxref("zoom")}} property is enabled in the Nightly release and lets you magnify an element similar to the {{cssxref("transform")}} property, but it affects the layout size of the element. See ([Firefox bug 1855763](https://bugzil.la/1855763) and [Firefox bug 390936](https://bugzil.la/390936)) for more details. @@ -1023,6 +1023,108 @@ See ([Firefox bug 1855763](https://bugzil.la/1855763) and [Firefox bug 390936](h
+To ensure compatibility with these changes, the [Vendor-prefixed transform properties](#vendor-prefixed-transform-properties) and the [Vendor-prefixed transition properties](#vendor-prefixed-transition-properties) are disabled in the Nightly release. +These changes are described in the following sections. + +#### Vendor-prefixed transform properties + +The `-moz-` prefixed [CSS transform](/en-US/docs/Web/CSS/CSS_transforms) properties have been disabled in the Nightly release via the `layout.css.prefixes.transforms` preference being set to `false` ([Firefox bug 1855763](https://bugzil.la/1855763)). +Specifically, the disabled properties are: + +- `-moz-backface-visibility` +- `-moz-perspective` +- `-moz-perspective-origin` +- `-moz-transform` +- `-moz-transform-origin` +- `-moz-transform-style` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Release channelVersion addedEnabled by default?
Nightly120No
Developer Edition120Yes
Beta120Yes
Release120Yes
Preference name + layout.css.prefixes.transforms +
+ +#### Vendor-prefixed transition properties + +The `-moz-` prefixed [CSS transitions](/en-US/docs/Web/CSS/CSS_transitions) properties have been disabled in the Nightly release via the `layout.css.prefixes.transitions` preference being set to `false` ([Firefox bug 1855763](https://bugzil.la/1855763)). +Specifically, the disabled properties are: + +- `-moz-transition` +- `-moz-transition-delay` +- `-moz-transition-duration` +- `-moz-transition-property` +- `-moz-transition-timing-function` + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Release channelVersion addedEnabled by default?
Nightly120No
Developer Edition120Yes
Beta120Yes
Release120Yes
Preference name + layout.css.prefixes.transitions +
+ ## SVG ### SVGPathSeg APIs diff --git a/files/en-us/mozilla/firefox/releases/120/index.md b/files/en-us/mozilla/firefox/releases/120/index.md index c05643ee079dce0..f57a7e7f9e3ef53 100644 --- a/files/en-us/mozilla/firefox/releases/120/index.md +++ b/files/en-us/mozilla/firefox/releases/120/index.md @@ -22,16 +22,6 @@ This article provides information about the changes in Firefox 120 that affect d #### Removals -- The `-moz-` prefixed [CSS transform](/en-US/docs/Web/CSS/CSS_transforms) properties have been disabled via the `layout.css.prefixes.transforms` preference being set to `false` by default ([Firefox bug 1855763](https://bugzil.la/1855763)). - Specifically, the disabled properties are: - - - `-moz-backface-visibility` - - `-moz-perspective` - - `-moz-perspective-origin` - - `-moz-transform` - - `-moz-transform-origin` - - `-moz-transform-style` - ### JavaScript - {{jsxref("Date.parse()")}} now accepts several additional date formats: diff --git a/files/en-us/web/css/mozilla_extensions/index.md b/files/en-us/web/css/mozilla_extensions/index.md index a105b3dee57bc20..90f0d8409c6ddf1 100644 --- a/files/en-us/web/css/mozilla_extensions/index.md +++ b/files/en-us/web/css/mozilla_extensions/index.md @@ -51,7 +51,7 @@ Firefox supports a number of _Mozilla extensions to [CSS](/en-US/docs/Web/CSS)_, ### B -- {{CSSxRef("backface-visibility", "-moz-backface-visibility")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("backface-visibility")}}) +- {{CSSxRef("backface-visibility", "-moz-backface-visibility")}} {{Deprecated_Inline}} (Prefixed version still supported) - {{CSSxRef("background-clip", "-moz-background-clip")}} {{deprecated_inline}} - {{CSSxRef("background-origin", "-moz-background-origin")}} {{deprecated_inline}} - {{CSSxRef("box-decoration-break", "-moz-background-inline-policy")}} {{deprecated_inline}} (No longer supported; use the standard {{CSSxRef("box-decoration-break")}}) @@ -102,8 +102,8 @@ Firefox supports a number of _Mozilla extensions to [CSS](/en-US/docs/Web/CSS)_, - {{CSSxRef("padding-inline-end", "-moz-padding-end")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("padding-inline-end")}}) - {{CSSxRef("padding-inline-start", "-moz-padding-start")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("padding-inline-start")}}) -- {{CSSxRef("perspective", "-moz-perspective")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("perspective")}}) -- {{CSSxRef("perspective-origin", "-moz-perspective-origin")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("perspective-origin")}}) +- {{CSSxRef("perspective", "-moz-perspective")}} {{Deprecated_Inline}} (Prefixed version still supported) +- {{CSSxRef("perspective-origin", "-moz-perspective-origin")}} {{Deprecated_Inline}} (Prefixed version still supported) - {{CSSxRef("pointer-events")}} {{Experimental_Inline}} (Applying to more than SVG) ### T–U @@ -114,9 +114,9 @@ Firefox supports a number of _Mozilla extensions to [CSS](/en-US/docs/Web/CSS)_, - {{CSSxRef("text-decoration-line", "-moz-text-decoration-line")}} {{deprecated_inline}} - {{CSSxRef("text-decoration-style", "-moz-text-decoration-style")}} {{deprecated_inline}} - {{CSSxRef("text-size-adjust", "-moz-text-size-adjust")}} {{Experimental_Inline}} -- {{CSSxRef("transform", "-moz-transform")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("transform")}}) -- {{CSSxRef("transform-origin", "-moz-transform-origin")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("transform-origin")}}) -- {{CSSxRef("transform-style", "-moz-transform-style")}} {{Deprecated_Inline}} (No longer supported; use the standard {{CSSxRef("transform-style")}}) +- {{CSSxRef("transform", "-moz-transform")}} {{Deprecated_Inline}} (Prefixed version still supported) +- {{CSSxRef("transform-origin", "-moz-transform-origin")}} {{Deprecated_Inline}} (Prefixed version still supported) +- {{CSSxRef("transform-style", "-moz-transform-style")}} {{Deprecated_Inline}} (Prefixed version still supported) - {{CSSxRef("transition", "-moz-transition")}} {{Deprecated_Inline}} (Prefixed version still supported) - {{CSSxRef("transition-delay", "-moz-transition-delay")}} {{Deprecated_Inline}} (Prefixed version still supported) - {{CSSxRef("transition-duration", "-moz-transition-duration")}} {{Deprecated_Inline}} (Prefixed version still supported)