Element: Click twice under [bug report] IOS 13.1.3 to trigger the selected event

Created on 22 Oct 2019  ·  5Comments  ·  Source: ElemeFE/element

Element UI version

2.12.0

OS/Browsers version

IOS 13.1.3 / 微信浏览器

Vue version

2.6.10

Reproduction Link

https://codepen.io/pen/?&editable=true

Steps to reproduce

1.苹果(IOS13.1.3)手机微信扫码,进入官网的cascader页面,找到任一例子
2.点击出现下拉内容,点击第一次么反应,点击第二次就能触发选中,并出现下一级内容

What is Expected?

一次选中即可。

What is actually happening?

一次选中即可。

Most helpful comment

add scss code:

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

can resolve it.

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

All 5 comments

Translation of this issue:

Element UI version

2.12.0

OS / browsers version

IOS 13.1.3 / wechat browser

Vue version

2.6.10

Reproduction link

HTTPS: / / codepen. IO / pen /? & editable = true

Steps to reproduce

  1. Scan the wechat code of apple (IOS 13.1.3) mobile phone, enter the cascade page of the official website, and find any example.

  2. Click to display the drop-down content. Click the first time to react. Click the second time to trigger the selection and display the next level content.

    What is expected?

Select it once.

What is actually happening?

Select it once.

add scss code:

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

can resolve it.

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

@ZhelinCheng 我加了这段代码还是无效

@ZhelinCheng 我加这段也没效果。。。

@lxy030988 可能是配置的位置不对,我本来是放在当前当前视图中,确实没效果,后来放在了app.vue就可以了,你试试看

Was this page helpful?
0 / 5 - 0 ratings