Ant-design-mobile: modal 点击黑幕无法隐藏

Created on 28 Nov 2016  ·  14Comments  ·  Source: ant-design/ant-design-mobile

本地环境

  • antd-mobile 版本:0.9.6
  • 操作系统及其版本:macOS sierra 10.12.1
  • 浏览器及其版本:chrome 54.0.2840.98 (64-bit) 开发工具下模拟ios设备,xcode 模拟器

你做了什么?

引入官网的例子:modal对话框,可关闭示例。

你期待的结果是:

点击黑幕,modal对话框隐藏。

实际上的结果:

点击黑幕,对话框没有隐藏。(浏览器正常模式访问没有问题,模拟安卓设备没有问题)

可重现的在线演示

官网上的demo:用chrome的开发者工具模拟ios设备,官网上的demo也无法正常工作。

All 14 comments

@zavven 更新到最新版

version:1.0.0-alpha.26,同样的问题
@silentcloud
直接用rc-dialog是没问题的。
为什么这个bug是ios独有的?好奇。

"antd-mobile": "^0.9.11"  // 在自己项目下已升级到最新

@warmhug @silentcloud Modal web 在 IOS 下点击蒙层 maskClosable 无法关闭。

demo

@warmhug 感谢你的回复!就刚刚我尝试 rimraf node_modules, 通过 cnpm 重装,IOS 下还是不行。
demo

"antd-mobile": "^0.9.12"

我也遇到这个问题,在web页面不开启模拟器可以正常关闭,开启模拟或者直接在手机上测试,就不行。目前测试了iphone5s/iphone6s,都一样不能关闭。

@eclanp @motorguo 确认用了 fastclick ,没用会有问题。

@warmhug 还要单独引用这个库 fastclick 么?

先再确认下官方 demo 在你们的环境里有没这个问题。

fastclick 正常不是必须的,但现在有些问题还没解决。麻烦先引入 fastclick 、并正确绑定 dom 里,参考下 官方 demo 里 fastclick 用法;再确认下有没能解决你们这个问题。

@warmhug 引入 react-fastclick后一切正常了。谢谢!

@warmhug 感谢,明天试下。

注意,不要使用 react-fastclick (有 bug),要用这个 fastclick

ok

@warmhug
fastclick现在仍然是必需的吗?我发现引用fastclick后在iOS webview、chrome桌面版点击input元素focus有时无反应,去掉fastclick后正常

@kpaxqin 在另一个 issue 跟进你说的这个问题,这个 issue 有点老了 lock 掉

Was this page helpful?
0 / 5 - 0 ratings