update scroll when panel opens

Sergio Crisostomo
1 parent 8878e4a3
Showing 3 changed files with 7 additions and 2 deletions Show diff stats
src/components/date-picker/base/time-spinner.vue
src/components/date-picker/panel/panel-mixin.js
src/components/date-picker/picker.vue
@@ -194,7 +194,6 @@
             }
         },
         mounted () {
-            this.updateScroll();
             this.$nextTick(() => this.compiled = true);
         }
     };
@@ -41,6 +41,9 @@ export default {
         handleConfirm(visible) {
             this.$emit('on-pick', this.dates, visible);
         },
-
+        onToggleVisibility(open){
+            const timeSpinner = this.$refs.timeSpinner;
+            if (open && timeSpinner) timeSpinner.updateScroll();
+        }
     }
 };
@@ -230,12 +230,15 @@
             handleFocus () {
                 if (this.readonly) return;
                 this.visible = true;
+                this.$refs.pickerPanel.onToggleVisibility(true);
             },
             handleBlur () {
                 this.visible = false;
                 this.onSelectionModeChange(this.type);
                 this.internalValue = this.internalValue.slice(); // trigger panel watchers to reset views
                 this.reset();
+                this.$refs.pickerPanel.onToggleVisibility(false);
+
             },
             reset(){
                 this.$refs.pickerPanel.reset && this.$refs.pickerPanel.reset();