fix: prevent dropdown item from scrolling the page when navigating using arrow keys

Akshat55 · Akshat55 · commit f85fa3f2a8ed · 2024-02-01T21:58:14.000-05:00
Signed-off-by: Akshat Patel &lt;akshat@live.ca&gt;
diff --git a/src/dropdown/list/dropdown-list.component.ts b/src/dropdown/list/dropdown-list.component.ts
@@ -519,7 +519,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest
 				}
 			} else if (event.key === "ArrowUp") {
 				if (this.hasPrevElement()) {
-					this.getPrevElement().scrollIntoView();
+					this.getPrevElement().scrollIntoView({  block: "nearest" });
 				} else {
 					this.blurIntent.emit("top");
 				}

Original file line number	Diff line number	Diff line change
`@@ -519,7 +519,7 @@ export class DropdownList implements AbstractDropdownView, AfterViewInit, OnDest`
`519`	`519`	`}`
`520`	`520`	`} else if (event.key === "ArrowUp") {`
`521`	`521`	`if (this.hasPrevElement()) {`
`522`		`- this.getPrevElement().scrollIntoView();`
	`522`	`+ this.getPrevElement().scrollIntoView({ block: "nearest" });`
`523`	`523`	`} else {`
`524`	`524`	`this.blurIntent.emit("top");`
`525`	`525`	`}`