fix(Layout): add prepending code

naver · Oct 23, 2017 · a82f033 · a82f033
1 parent f1e93f8
commit a82f033
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/src/layouts/GridLayout.js b/src/layouts/GridLayout.js
@@ -79,6 +79,9 @@ class GridLayout {
 			item.column = index;
 			endOutline[index] = isAppend ? endPos1 : pos1;
 		}
+		if (!isAppend) {
+			items.sort((a, b) => a.rect.top - b.rect.top);
+		}
 		// if append items, startOutline is low, endOutline is high
 		// if prepend items, startOutline is high, endOutline is low
 		return {

diff --git a/test/manual/layouts/GridLayout.html b/test/manual/layouts/GridLayout.html
@@ -81,9 +81,9 @@
 		return 200 / images[i][0] * images[i][1];
 	}
 
-	append([], 9);
-	append(undefined, 12);
-	append(undefined, 7);
+	prepend([1000], 9);
+	// append(undefined, 12);
+	// append(undefined, 7);
 </script>
 </body>
 </html>
diff --git a/test/manual/layouts/js/demo.js b/test/manual/layouts/js/demo.js
@@ -75,7 +75,6 @@ function append(line, num = 22) {
 
 
 	result.items.forEach((item, i) => {
-		item.el = items[i].el;
 		item.groupKey = group;
 		item.el.dataset.group = group;
 	});
@@ -88,7 +87,6 @@ function prepend(line, num = 22) {
 	const items = getItems(num);
 	const result = a.prepend(items, getTopline(line));
 	result.items.forEach((item, i) => {
-		item.el = items[i].el;
 		item.groupKey = group;
 		item.el.dataset.group = group;
 	});