Skip to content

"order" property on grid items should affect painting order #3996

Open
@kalenikaliaksandr

Description

@kalenikaliaksandr

reduction:

<!DOCTYPE html><style>
  #grid {
    display: grid;
  }

  #test-item-overlapping-green {
    background-color: green;
    order: 1;
  }

  #reference-item-overlapped-red {
    background-color: red;
  }

  .first-row-first-column {
    grid-area: 1 / 1;
  }

  .box {
    width: 100px;
    height: 100px;
  }
</style>
<div id="grid">
  <div id="test-item-overlapping-green" class="first-row-first-column box"></div>
  <div id="reference-item-overlapped-red" class="first-row-first-column box"></div>
</div>

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