Merge pull request #2779 from Akshat55/issue.2777

fix: prevent first dropdown item from scrolling out of view on initial arrow down

Author: zvonimirfras

src/combobox/combobox.component.ts

@@ -567,7 +567,7 @@ export class ComboBox implements OnChanges, AfterViewInit, AfterContentInit, OnD
 			this.closeDropdown();
 		} else if ((ev.key === "ArrowDown")
 			&& (!this.dropdownMenu || !this.dropdownMenu.nativeElement.contains(ev.target))) {
-			ev.stopPropagation();
+			ev.preventDefault();
 			this.openDropdown();
 			setTimeout(() => { this.view.initFocus(); }, 0);
 		}

src/dropdown/dropdown.stories.ts

@@ -40,6 +40,24 @@ export default {
 			},
 			{
 				content: "four"
+			},
+			{
+				content: "five"
+			},
+			{
+				content: "six"
+			},
+			{
+				content: "seven"
+			},
+			{
+				content: "eight"
+			},
+			{
+				content: "nine"
+			},
+			{
+				content: "ten"
 			}
 		],
 		appendInline: false,

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");
 				}