Skip to content

The individual transform properties also create a containing block #42286

@bramus

Description

@bramus

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Display/Containing_block

What specific section or headline is this issue about?

Identifying the containing block

What information was incorrect, unhelpful, or incomplete?

As per https://drafts.csswg.org/css-transforms-2/#individual-transforms:~:text=All%20three%20properties,usual%20for%20transforms, the individual transform properties (rotate, translate, and scale) also create a containing block (emphasis mine):

All three properties accept (and default to) the value none, which produces no transform at all. In particular, this value does not trigger the creation of a stacking context or containing block for all descendants, while all other values (including “identity” transforms like translate: 0px) create a stacking context and containing block for all descendants, per usual for transforms.

What did you expect to see?

For rotate, translate, and scale also to be included in the list under the first bullet under item 4.

Do you have any supporting links, references, or citations?

https://drafts.csswg.org/css-transforms-2/#individual-transforms:~:text=All%20three%20properties,usual%20for%20transforms

Do you have anything more you want to share?

No response

MDN metadata

Page report details

Metadata

Metadata

Assignees

No one assigned

    Labels

    Content:CSSCascading Style Sheets docsneeds triageTriage needed by staff and/or partners. Automatically applied when an issue is opened.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions