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

IE11日历选择框有值的情况无法打开选择框 #608

Closed
1 task
chenyulun opened this issue Mar 19, 2019 · 8 comments
Closed
1 task

IE11日历选择框有值的情况无法打开选择框 #608

chenyulun opened this issue Mar 19, 2019 · 8 comments
Assignees
Labels

Comments

@chenyulun
Copy link

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

Version

1.3.7

Environment

window7 IE11

Reproduction link

https://vue.ant.design/components/date-picker-cn/

Steps to reproduce

IE11里面点击日历选择框的时候会触发input事件,导致日历选择器打不开问题

webpack:///./node_modules/ant-design-vue/es/vc-calendar/src/date/DateInput.js

onInputChange: function onInputChange(event) {
var str = event.target.value;
var _$props = this.$props,
disabledDate = _$props.disabledDate,
format = _$props.format,
selectedValue = _$props.selectedValue; // 没有内容,合法并直接退出

onInputChange事件,导致有值的情况
webpack:///./node_modules/ant-design-vue/es/vc-calendar/src/RangeCalendar.js
下面的

function onInputSelect(direction, value) {
if (!value) {
return;
}

接着触发
webpack:///./node_modules/ant-design-vue/es/vc-calendar/src/Picker.js里面的
onCalendarSelect事件执行this.closeCalendar(this.focus);
不会阻止关闭;

网上有说给input加上这个属性 unselectable='on'解决设置了readonly属性还是会有光标出现的问题,但是解决不了触发input事件的问题

希望复查一下,采用其他方案解决一下这个问题,最近项目要上线啊,突然报IE11打不开选框问题

What is expected?

复现IE11问题并且修复他

What is actually happening?

IE11里面点击日历选择框的时候会触发input事件,导致日历选择器打不开问题

@chenyulun
Copy link
Author

在提一个问题:IE11里面有左上角闪烁到选框的问题,查到闪烁的问题了
components/vc-align/Align.jsx
里面延迟了对this.forceAlign在IE11有闪烁问题,其实宿主元素早就固定了,没有必要延迟计算位置吧

Jietu20190320-202355

@chenyulun
Copy link
Author

我想自己解决这个问题,发现存在这个属性
popupStyle | 额外的弹出日历样式 | object | {}
设置:popupStyle="{top:xx,left:xxx}"属性,会同时设置宿主和日历选框上

@wangxueliang
Copy link
Member

image
image
使用官方示例,环境是win7系统 ie11版本 未能复现你的问题

@chenyulun
Copy link
Author

image
image
使用官方示例,环境是win7系统 ie11版本 未能复现你的问题

捕获
这个就打不开

@wangxueliang
Copy link
Member

ref #626

@whateveryoudo
Copy link

360浏览器兼容模式出现了闪动左上角,然后显示正确的问题

@tangjinzhou
Copy link
Member

tangjinzhou commented Mar 20, 2020

@whateveryoudo #1833

@github-actions
Copy link

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Mar 21, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

No branches or pull requests

4 participants