Skip to content

fix grid-rows with horizontal-gap > vertical-gap #1640

@gavin-ts

Description

@gavin-ts

If there is a grid, with only grid-rows specified and not grid-columns, and if horizontal-gap is set to a positive value greater than vertical-gap, then the grid container may end up too short. This doesn't seem to happen with grid-columns.

Screenshot 2023-10-04 at 5 42 47 PM
grid: "" {
  grid-rows: 3
  horizontal-gap: 100
  vertical-gap: 0
  first
  second
  third
}

grid2: "" {
  grid-rows: 3
  horizontal-gap: 50
  vertical-gap: 0
  first
  second
  third
}

grid3: "" {
  grid-rows: 3
  horizontal-gap: 10
  vertical-gap: 0
  first
  second
  third
}

grid4: "" {
  grid-rows: 3
  horizontal-gap: 0
  vertical-gap: 0
  first
  second
  third
}

grid5: "" {
  grid-columns: 3
  horizontal-gap: 0
  vertical-gap: 100
  first
  second
  third
}

grid6: "" {
  grid-columns: 3
  horizontal-gap: 0
  vertical-gap: 10
  first
  second
  third
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workinglayout

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions