Skip to content

Commit 1bf4202

Browse files
committed
Add WebKit and IE properties to autoplacement demo
1 parent f1b6c6a commit 1bf4202

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

autoplacement.html

+10-6
Original file line numberDiff line numberDiff line change
@@ -65,12 +65,16 @@
6565
var columnspan = document.getElementById("columnspan");
6666

6767
var item = document.createElement("div");
68+
item.style.msGridRow = row.value + " / span " + rowspan.value;
69+
item.style.webkitGridRow = row.value + " / span " + rowspan.value;
6870
item.style.gridRow = row.value + " / span " + rowspan.value;
71+
item.style.msGridColumn = column.value + " / span " + columnspan.value;
72+
item.style.webkitGridColumn = column.value + " / span " + columnspan.value;
6973
item.style.gridColumn = column.value + " / span " + columnspan.value;
7074
item.style.backgroundColor = randomColor();
7175

72-
item.innerHTML = "<pre> grid-row:\n " + item.style.gridRowStart + " / " + item.style.gridRowEnd +
73-
"\n grid-column:\n " + item.style.gridColumnStart + " / " + item.style.gridColumnEnd + "</pre>";
76+
item.innerHTML = "<pre> grid-row:\n " + row.value + " / span " + rowspan.value +
77+
"\n grid-column:\n " + column.value + " / span " + columnspan.value + "</pre>";
7478

7579
grid.appendChild(item);
7680
}
@@ -81,10 +85,10 @@
8185
var column = document.getElementById("column");
8286
var columnspan = document.getElementById("columnspan");
8387

84-
row.selectedIndex = Math.floor(Math.random() * 4);
85-
rowspan.selectedIndex = Math.floor(Math.random() * 3);
86-
column.selectedIndex = Math.floor(Math.random() * 4);
87-
columnspan.selectedIndex = Math.floor(Math.random() * 3);
88+
row.selectedIndex = Math.floor(Math.random() * row.options.length);
89+
rowspan.selectedIndex = Math.floor(Math.random() * rowspan.options.length);
90+
column.selectedIndex = Math.floor(Math.random() * column.options.length);
91+
columnspan.selectedIndex = Math.floor(Math.random() * columnspan.options.length);
8892

8993
addGridItem();
9094
}

0 commit comments

Comments
 (0)