fix: Grid navigation

2024-03-29 19:27:46 +02:00
parent cb1f2de506
commit 2125fdf954
1 changed files with 12 additions and 2 deletions
--- a/src/lib/selectable.ts
+++ b/src/lib/selectable.ts
@@ -231,8 +231,18 @@ export class Selectable {
 		const indexAddition = {
 			up: this.direction === 'vertical' ? -1 : -this.gridColumns,
 			down: this.direction === 'vertical' ? 1 : this.gridColumns,
-			left: this.direction === 'horizontal' ? -1 : -this.gridColumns,
-			right: this.direction === 'horizontal' ? 1 : this.gridColumns
+			left:
+				this.direction === 'horizontal'
+					? (focusIndex % this.gridColumns) - 1 < 0
+						? 0
+						: -1
+					: -this.gridColumns,
+			right:
+				this.direction === 'horizontal'
+					? (focusIndex % this.gridColumns) + 1 >= this.gridColumns
+						? 0
+						: 1
+					: this.gridColumns
 		}[direction];

 		// Cycle siblings