[Bug Report] Datepicker / Timepicker dropdowns position bug in modal dialog

ElemeFE / element

A Vue.js 2.0 UI Toolkit for Web

https://element.eleme.io/

MIT License

54.12k stars 14.64k forks source link

[Bug Report] Datepicker / Timepicker dropdowns position bug in modal dialog #18036

Open magarrent opened 5 years ago

magarrent commented 5 years ago

Element UI version

2.12.0

OS/Browsers version

MAC OS, CHROME

Vue version

2.5.2

Reproduction Link

https://jsfiddle.net/o7dexpma/

Steps to reproduce

Just put a datepicker or a timepicker inside a modal dialog, and you will see that the dropdown will appear at the top of the page, not in the input

What is Expected?

The dropdown in the right position

What is actually happening?

The dropdown shows outside the container

Sengulair commented 5 years ago

I have same problem but not in modal. When i open picker and then change on another and open it, position of calendars set to tol left corner. link on fiddle

hellobq commented 4 years ago

当拖动浏览器控制台时，如果可视区的高度（宽度）不够，就会出现这种情况。

ZhanghaoH commented 4 years ago

the same problem in dialog, el-select have config option but not the datepicker

stale[bot] commented 3 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

lkiarest commented 3 years ago

这个问题会考虑处理吗 ~~

niuqiang1 commented 3 years ago

屏幕录制2021-09-14 14 官网也有这个问题