Element: [Bug Report] a bug with "SELECT" component - need to click twice to chose a option on safari with iOS13

[junixy]

Element UI version

2.12.0

OS/Browsers version

safari 13 on iOS13

Vue version

2.6.10

Reproduction Link

https://jsfiddle.net/mmx38qxw/

Steps to reproduce

(1) open the page with on safari 13 with iOS 13,
(2) click the SELECT component and try to chose an option, but it need to click twice and then it can chose the option.

What is Expected?

it should just click once to chose the option.

What is actually happening?

click the SELECT component and try to chose an option, but it need to click twice and then it can chose the option.

[acgotakuatdji]

Your demo only have input component.

[acgotakuatdji]

add scss code:

.el-scrollbar {
  > .el-scrollbar__bar {
    opacity: 1;
  }
}

can resolve it.

[my9074]

@acgotakuatdji It's worked~ but i don't know what is the cause of this problem ? Can you explain ?

[acgotakuatdji]

@my9074 https://run.iviewui.com/v8lHkSrE

This is the test demo. Just click Content area. And check console log.

You will get the answer.

[AntonMoskalchenko]

Still have this problem on ^2.13.0

[LaravDev]

add scss code:

.el-scrollbar {
  > .el-scrollbar__bar {
    opacity: 1;
  }
}

can resolve it.

Where should i place this? i tried right on a component where i was using select but it didn't work
thanks in advance

[ramkrishnakuldeep]

add scss code:

.el-scrollbar {
  > .el-scrollbar__bar {
    opacity: 1;
  }
}

can resolve it.

@my9074 https://run.iviewui.com/v8lHkSrE

This is the test demo. Just click Content area. And check console log.

You will get the answer.

Could you elaborate what you trying to say

[mankutila]

Adding styles didn't do the trick. How to overcome the issue?

[yubaoquan]

Will this bug be fixed this year?

[ndphuong]

.el-scrollbar__bar {
    opacity: 1!important;
}

add this to index.scss