cube-ui icon indicating copy to clipboard operation
cube-ui copied to clipboard

iOS端,iPhone7在微信浏览器上popup组件有问题

Open bingxzy opened this issue 6 years ago • 12 comments

Version

1.12.11

Reproduction link

https://didi.github.io/cube-ui/#/zh-CN/example

Steps to reproduce

用iPhone 7的微信扫描二维码进入官方示例,找到popup组件Dialog栏位中的Dialog-prompt,弹出输入框之后,弹出键盘光标聚焦但不进行输入操作,然后点击灰色区域,使弹出键盘关闭。然后整个dialog处于假死状态,无法操作

What is expected?

希望不再出现假死情况

What is actually happening?

在dialog中的input不输入,关闭键盘之后,不能输入,不能点击,dialog假死。

Dependencies Version

vue: 2.6.6 better-scroll: 1.14.0

bingxzy avatar Feb 20 '19 00:02 bingxzy

建议直接使用 示例看 ,而不是文档中嵌套的示例看

dolymood avatar Feb 21 '19 11:02 dolymood

即使自定义popup组件之后,带有input框的自定义,在iOS端小屏幕微信端就会出现弹出键盘,不输入也有同样问题 假死

取得 iOS 版 Outlookhttps://aka.ms/o0ukef


From: doly mood [email protected] Sent: Thursday, February 21, 2019 7:33:13 PM To: didi/cube-ui Cc: punszeto; Author Subject: Re: [didi/cube-ui] iOS端,iPhone7在微信浏览器上popup组件有问题 (#414)

建议直接使用 示例看 ,而不是文档中嵌套的示例看

― You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/didi/cube-ui/issues/414#issuecomment-465966617, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ARCXYjxB7h_gbhxC7ZvVkgQTnJCcvEyCks5vPoP5gaJpZM4bEKwt.

bingxzy avatar Feb 21 '19 11:02 bingxzy

据说是某个版本微信有问题 不知道是不是同一个问题

dolymood avatar Feb 21 '19 13:02 dolymood

微信6.6.7 7.0也测试过,小屏幕尺寸就存在问题,6P 8P就木有问题

取得 iOS 版 Outlookhttps://aka.ms/o0ukef


From: doly mood [email protected] Sent: Thursday, February 21, 2019 9:17:35 PM To: didi/cube-ui Cc: punszeto; Author Subject: Re: [didi/cube-ui] iOS端,iPhone7在微信浏览器上popup组件有问题 (#414)

据说是某个版本微信有问题 不知道是不是同一个问题

― You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/didi/cube-ui/issues/414#issuecomment-465995909, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ARCXYgJxKtWTrQQ6QQkIRTmMPXTCjmuGks5vPpxvgaJpZM4bEKwt.

bingxzy avatar Feb 21 '19 13:02 bingxzy

您好 这个问题现在解决了吗

ZHENGGEGE avatar Mar 04 '19 12:03 ZHENGGEGE

@dolymood

ZHENGGEGE avatar Mar 04 '19 12:03 ZHENGGEGE

没有呀

取得 iOS 版 Outlookhttps://aka.ms/o0ukef


From: suzheng [email protected] Sent: Monday, March 4, 2019 8:35:15 PM To: didi/cube-ui Cc: punszeto; Author Subject: Re: [didi/cube-ui] iOS端,iPhone7在微信浏览器上popup组件有问题 (#414)

您好 这个问题现在解决了吗

― You are receiving this because you authored the thread. Reply to this email directly, view it on GitHubhttps://github.com/didi/cube-ui/issues/414#issuecomment-469237020, or mute the threadhttps://github.com/notifications/unsubscribe-auth/ARCXYmsU6fdlhFRO6ZH8AcXSU-c8b3nvks5vTRMDgaJpZM4bEKwt.

bingxzy avatar Mar 04 '19 12:03 bingxzy

看了下,这个只有在微信中会这样,而且是一个普遍的问题

https://github.com/ant-design/ant-design-mobile/issues/3033

可能需要探索怎么解决才可以

dolymood avatar Mar 04 '19 12:03 dolymood

额 我也是遇到这个问题了 自己做的组件,是在微信公众号里边

ZHENGGEGE avatar Mar 04 '19 12:03 ZHENGGEGE

新版本微信8P也有这个问题,老版本的微信iphone7没。。。。@@

ZHENGGEGE avatar Mar 04 '19 13:03 ZHENGGEGE

inpone6微信里面也会出现。。。。 input框 及 fixed 底部悬浮栏 都会出现类似问题 需要自己监控 inputk框的 blur focus 当 失去焦点的时候,让最外层的DIV scrollIntoView 这样就可以 了 watch focus的值 if(focus) this.$refs.outerWrapper.scrollIntoView()

vincent-cong avatar Mar 05 '19 07:03 vincent-cong

@vincent-cong 我也是用这个方法解决的 ,目前页面不会假死现象了 ,但是自动唤起键盘还是不生效

ZHENGGEGE avatar Mar 19 '19 02:03 ZHENGGEGE