element-plus [Bug Report] Open the color-picker,it displays on the wrong location

nhn9ugyo  于 2022-10-21  发布在  其他
关注(0)|答案(3)|浏览(272)

Element Plus version

1.1.0-beta.8

OS/Browsers version

Google Chrome 92.0.4515.131

Abnormal image

Vue version

3.2.8

https://codepen.io/badgirlk/pen/abwZjPe

Steps to reproduce

input more than three color-picker component which wraped by a block element,then click the fourth color-picker,the color-picker propper is on the right

What is Expected?

The color-picker propper should be on the bottom

What is actually happening?

the color-picker propper is on the right

whhtz7ly

whhtz7ly1#

Translation of this issue:

Element Plus version

1.1.0-beta.8

OS/Browsers version

Google Chrome 92.0.4515.131

Abnormal image

![ Color selector error display]( https://user-images.githubusercontent.com/34713626/131981494-60c13780-c925-44cb-83a2-14218f4b249b.png )

Vue version

3.2.8

https://codepen.io/badgirlk/pen/abwZjPe

Steps to reproduce

input more than three color-picker component which wraped by a block element,then click the fourth color-picker,the color-picker propper is on the right

What is Expected?

The color-picker propper should be on the bottom

What is actually happening?

the color-picker propper is on the right

gzszwxb4

gzszwxb42#

It seems to be due to the problem of position location detection, which is not a big problem.

rdlzhqv9

rdlzhqv93#

I think this is just a matter of strategy, and popper thinks that the right side is more suitable for display at this time.

相关问题