Fixed #1535 - Dropdown v2 doesn't scroll when navigating with keyboard

primefaces · Sep 28, 2021 · 2be35b0 · 2be35b0
1 parent b735567
commit 2be35b0
Showing 1 changed file with 20 additions and 1 deletion.
diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue
@@ -85,14 +85,25 @@ export default {
             overlayVisible: false
         };
     },
+    watch: {
+        value() {
+            this.isModelValueChanged = true;
+        }
+    },
     outsideClickListener: null,
     scrollHandler: null,
     resizeListener: null,
     searchTimeout: null,
     currentSearchChar: null,
     previousSearchChar: null,
     searchValue: null,
+    isValueChanged: false,
     updated() {
+        if (this.overlayVisible && this.isModelValueChanged) {
+            this.scrollValueInView();
+        }
+        this.isModelValueChanged = false;
+
         this.onFilterUpdated();
     },
     beforeDestroy() {
@@ -465,7 +476,15 @@ export default {
             if (this.overlayVisible) {
                 this.alignOverlay();
             }
-        }
+        },
+        scrollValueInView() {
+            if (this.$refs.overlay) {
+                let selectedItem = DomHandler.findSingle(this.$refs.overlay, 'li.p-highlight');
+                if (selectedItem) {
+                    selectedItem.scrollIntoView({ block: 'nearest', inline: 'start' });
+                }
+            }
+        },
     },
     computed: {
         visibleOptions() {