Skip to content

[css-color-adjust] viewport propagation of forced-color-adjust #6307

Closed
@alisonmaher

Description

@alisonmaher

We propagate background-color from the root/body to the viewport. However, we don't similarly propagate forced-color-adjust, which can lead to unexpected results in forced colors mode.

For example, in the following case, we propagate a background-color of red to the viewport in forced colors mode because forced-color-adjust is set to none. However, because colors are now forced at used value time, when we re-resolve the background color at the viewport, we end up forcing the background to Canvas, since forced-color-adjust at the viewport computes to auto.

<style>
  :root {
    background-color: red;
    forced-color-adjust: none;
  }
</style>

The proposal would be to propagate forced-color-adjust to the viewport, as well, since the used value of background-color is dependent on forced-color-adjust.

It was resolved in issue #6079 that "No future properties should propagate from body". So, if we decide to only propagate forced-color-adjust from the root and not the body, are we ok with the following case resulting in a non-red background in forced colors mode?

<style>
  body {
    background-color: red;
    forced-color-adjust: none;
  }
</style>

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions