Autoprefixer Grid does not prefix align/justify-self if display is set to flex

[Dan503]

I did some investigating on this comment by @nagman #856 (comment)

This works as expected:

/* Input CSS */
.test {
  align-self: center;
  justify-self: end;
}

/* Output CSS */
.test {
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: end;
      justify-self: end;
}

However this does not:

/* Input CSS */
.test {
  display: flex;
  align-self: center;
  justify-self: end;
}

/* Output CSS */
.test {
  display: flex;
  align-self: center;
  justify-self: end;
}

/* Expected output CSS */
.test {
  display: flex;
  -ms-grid-row-align: center;
      align-self: center;
  -ms-grid-column-align: end;
      justify-self: end;
}

align-self and justify-self are still valid grid alignment options if the element they are on is a flex container. A flex container can be a grid child.

align-self and justify-self should just always add the grid prefixes if grid is enabled.

[ai]

Thanks. Released in 9.8.5.