grid-column-end/grid-row-end are not prefixed (taken into consideration) correctly

It seems that the properties grid-column-end and grid-row-end are not taken into consideration then the prefixed -ms-grid-column-span & -ms-grid-row-span attributes are calculated.

Example:

Grid element #b used the shorthand syntax grid-column / grid-row. This already works. the -ms--span properties are there. Grid element #a uses the longer grid-column-(start/end) / grid-row-(start/end) syntax. For this case, the -ms--span properties are missing.

    .box {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;

        #a {
            grid-column-start: 1;
            grid-column-end: 3;
            grid-row-start: 1;
            grid-row-end: 3;
        }

        #b {
            grid-column: 1 / 3;
            grid-row: 1 / 3;
        }
    }

Output CSS:

.box {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.box #a {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 3;
}

.box #b {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / 3;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1 / 3;
}

[yepninja]

We can try to find grid-column-end & grid-row-end when prefixing grid-column-start & grid-row-start in the same rule. I’ll also do it during this week.

@derzwen As a temporary solution, you can use a shortcut.

[ai]

Released in 8.1