Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

IE 浏览器下,Modal模态框closable=true内有Table组件,Table支持输入页码跳转,输入页码回车,Modal关闭 #17027

Closed
1 task
zzzzxiao opened this issue Jun 10, 2019 · 12 comments · Fixed by react-component/dialog#120

Comments

@zzzzxiao
Copy link

zzzzxiao commented Jun 10, 2019

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

1,点击详情按钮,弹出Modal弹框,弹框内展示Table数据列表。
2,弹框右上角有关闭按钮,Table组件showQuickJumper=true,
3,IE10(IE10一下所有版本)下输入页码,触发Modal关闭事件,
4,目前解决办法须修改源码,以下代码的改为其他元素,

What is expected?

IE浏览器下,输入页码跳转,不触发Modal关闭

What is actually happening?

IE浏览器下,输入页码跳转,Modal关闭

Environment Info
antd 3.10.1
React react@16.6.3
System windows7
Browser IE10
@afc163 afc163 added the 🤔 Need Reproduce We cannot reproduce your problem label Jun 10, 2019
@ant-design-bot
Copy link
Contributor

Hello @zzzzxiao. Please provide a online reproduction by forking this link https://u.ant.design/codesandbox-repro or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @zzzzxiao, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 codesandbox 或者提供一个最小化的 GitHub 仓库。7 天内未跟进的 issue 将会被自动关闭。

@zzzzxiao
Copy link
Author

zzzzxiao commented Jun 10, 2019

由于这个项目是内部项目看不了源码,我截图展示
image

IE下,输入页码,回车,弹框关闭

@zzzzxiao
Copy link
Author

zzzzxiao commented Jun 11, 2019

@ant-design-bot 测试地址:https://github.com/zzzzxiao/myTestProject
启动项目,输入地址:http://localhost:8099/modal,如下图
image
弹框内表格翻页输入页码,IE10关闭Modal弹框,断点调试,IE下触发了模态框的onCancel事件

@afc163 afc163 removed the 🤔 Need Reproduce We cannot reproduce your problem label Jun 11, 2019
@zzzzxiao
Copy link
Author

@afc163 如果可以复现并且确定这个一个bug麻烦回复一下,谢谢了

@afc163
Copy link
Member

afc163 commented Jun 11, 2019

可以帮忙排查么,手头没有 IE10

@zzzzxiao
Copy link
Author

可以帮忙排查么,手头没有 IE10

原因找到了:IE下面,当你在input内敲回车时,IE会自动寻找第一个button标签并且触发它。恰好你们的Modal右上角的关闭按钮用看button包裹,
image
所以,回车相当于触发了button的click事件,模态框关闭。

@afc163
Copy link
Member

afc163 commented Jun 11, 2019

@afc163
Copy link
Member

afc163 commented Jun 11, 2019

在 rc-dialog@7.4.1 里修复了,试试升级 antd 到最新并且重新安装 node_modules。

@zzzzxiao
Copy link
Author

@afc163 Thank you very much !!!

@zzzzxiao
Copy link
Author

@afc163 另外的问题出现了,IE下面不会关闭弹框了 但是页面跳转事件触发不了了,麻烦仔细测试一下IE哇

@afc163
Copy link
Member

afc163 commented Jun 11, 2019

我没有 IE 可以测试,帮忙排查吧。

@zzzzxiao
Copy link
Author

@afc163 我正在排查,只是估计进度很慢,还是要麻烦你们在IE下排查一下页面跳转事件(类似的表单回车提交事件),我们本地的代码已经编译过了,查找源代码很难发现问题,麻烦咯

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

4 participants