Fix keyboard navigation scrolling in dropdowns (#26358)

Co-authored-by: Tim Jacomb <timjacomb1@gmail.com>

Author: SalmanDeveloperz

src/main/js/util/keyboard.js

@@ -82,22 +82,10 @@ export default function makeKeyboardNavigable(
 
 function scrollAndSelect(selectedItem, selectedClass, items) {
   if (selectedItem) {
-    if (!isInViewport(selectedItem)) {
-      selectedItem.scrollIntoView(false);
-    }
+    selectedItem.scrollIntoView({ block: "nearest", behavior: "smooth" });
     selectedItem.classList.add(selectedClass);
     if (items.includes(document.activeElement)) {
       selectedItem.focus();
     }
   }
 }
-
-function isInViewport(element) {
-  const rect = element.getBoundingClientRect();
-  return (
-    rect.top >= 0 &&
-    rect.left >= 0 &&
-    rect.bottom <= window.innerHeight &&
-    rect.right <= window.innerWidth
-  );
-}