Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Add experimental h1 UA styles removal #33020

Merged
merged 8 commits into from
Apr 16, 2024
Merged

Add experimental h1 UA styles removal #33020

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
e23e17a
Add experimental h1 UA styles removal
pepelsbey Apr 9, 2024
3155944
Update table and add a note
pepelsbey Apr 10, 2024
efda835
Apply suggestions from code review
pepelsbey Apr 10, 2024
a27b540
Apply suggestions from code review
pepelsbey Apr 15, 2024
03cd68e
Fix heading links
pepelsbey Apr 15, 2024
8cc6c3a
Update heading and description
pepelsbey Apr 15, 2024
2d6f3b0
Merge branch 'main' into nested-h1-ua-styles
pepelsbey Apr 16, 2024
e7f0a5a
Reversing flags
pepelsbey Apr 16, 2024
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
58 changes: 51 additions & 7 deletions files/en-us/mozilla/firefox/experimental_features/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -775,7 +775,7 @@ See ([Firefox bug 1855763](https://bugzil.la/1855763) and [Firefox bug 390936](h
</tbody>
</table>

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.
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.

### text-wrap: balance & stable values
Expand Down Expand Up @@ -819,9 +819,9 @@ The [`text-wrap`](/en-US/docs/Web/CSS/text-wrap) CSS property values `balance` a
</tbody>
</table>

#### Vendor-prefixed transform properties
### Vendor-prefixed transform properties
pepelsbey marked this conversation as resolved.
Show resolved Hide resolved

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)).
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`
Expand Down Expand Up @@ -869,9 +869,9 @@ Specifically, the disabled properties are:
</tbody>
</table>

#### Vendor-prefixed transition properties
### 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)).
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`
Expand Down Expand Up @@ -918,6 +918,52 @@ Specifically, the disabled properties are:
</tbody>
</table>

### UA styles for `<h1>` nested in sectioning elements

The `<h1>` heading doesn't decrease in font size now when nested within [sectioning elements](/en-US/docs/Web/HTML/Content_categories#sectioning_content) `<article>`, `<aside>`, `<nav>`, and `<section>`. The UA styles for `<h1>` nested within sectioning elements are no longer relevant since the outline algorithm [has been removed](https://github.com/whatwg/html/pull/7829) from the HTML specification. ([Firefox bug 1883896](https://bugzil.la/1883896)).

> **Note:** The preference for this feature works in reverse: it's set to `false` in the Nightly build, which removes the UA styling for headings nested in sectioning elements. It's set to `true` in all other channels, which retains the existing UA styling for the nested headings.

<table>
<thead>
<tr>
<th>Release channel</th>
<th>Version added</th>
<th>Enabled by default?</th>
</tr>
</thead>
<tbody>
<tr>
<th>Nightly</th>
<td>125</td>
<td>No</td>
</tr>
<tr>
<th>Developer Edition</th>
<td>125</td>
<td>Yes</td>
</tr>
<tr>
<th>Beta</th>
<td>125</td>
<td>Yes</td>
</tr>
<tr>
<th>Release</th>
<td>125</td>
<td>Yes</td>
</tr>
<tr>
<th>Preference name</th>
<td colspan="2">
<code>layout.css.h1-in-section-ua-styles.enabled</code>
</td>
</tr>
</tbody>
</table>

## SVG

### transition-behavior property

The {{cssxref("transition-behavior")}} property is enabled by default in the Nightly release or by setting the `layout.css.transition-behavior.enabled` preference to `true`.
Expand Down Expand Up @@ -961,8 +1007,6 @@ Authors can use this property to control whether to apply CSS transitions to pro
</tbody>
</table>

## SVG

### SVGPathSeg APIs

The SVGPathSeg APIs are being unshipped, and have been placed behind a preference.
Expand Down
6 changes: 6 additions & 0 deletions files/en-us/mozilla/firefox/releases/125/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -123,6 +123,12 @@ These features are shipping in Firefox 125 but only in developer releases or beh
The {{cssxref("transition-behavior")}} property is enabled by default in the Nightly release.
Authors can use this property to control whether to apply CSS transitions to properties with a [discrete animation type](/en-US/docs/Web/CSS/CSS_animated_properties#discrete) ([Firefox bug 1882408](https://bugzil.la/1882408), [Firefox bug 1805727](https://bugzil.la/1805727)).

- **UA styles for `<h1>` nested into sectioning elements:** `layout.css.h1-in-section-ua-styles.enabled`.

The `<h1>` heading doesn't decrease in font size now when nested within [sectioning elements](/en-US/docs/Web/HTML/Content_categories#sectioning_content) `<article>`, `<aside>`, `<nav>`, and `<section>`. The UA styles for `<h1>` nested within sectioning elements are no longer relevant since the outline algorithm [has been removed](https://github.com/whatwg/html/pull/7829) from the HTML specification. ([Firefox bug 1883896](https://bugzil.la/1883896)).

> **Note:** The preference for this feature works in reverse: it's set to `false` in the Nightly build, which removes the UA styling for headings nested in sectioning elements. It's set to `true` in all other channels, which retains the existing UA styling for the nested headings.

## Older versions

{{Firefox_for_developers}}