search

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web
https://element.eleme.io/
MIT License
54.1k stars 14.64k forks source link

[Bug Report] DateTimePicker wrong position when `type` property is changed #11072

Closed rwparris2 closed 6 years ago

rwparris2 commented 6 years ago

Element UI version

2.3.7

OS/Browsers version

osx chrome

Vue version

2.5.16

Reproduction Link

https://jsfiddle.net/8qg3abrp/2/

Steps to reproduce

Use an ElDatePicker component with the type property bound to a reactive property. Initialize the type as date or any non-range property. Open the picker and pick a date. Change the type property from date to daterange Open the picker again.

What is Expected?

Picker should appear in same position (i.e. directly under the date input) after modifying the type property.

What is actually happening?

Position of picker is top-left of window instead of directly under the date input.

Leopoldthecoder commented 6 years ago

https://jsfiddle.net/8qg3abrp/3/

rwparris2 commented 6 years ago

Thanks!

Is this documented anywhere? How should I know that key does this?