IE8/9 的兼容性审查

[afc163]

问题记录在这里：

• 315e61a react-slick 需要 profill
• IE10/11 中 select 下拉面板默认展开 #145 组件搜索框在 IE10/11 下会自动展开，在 IE8/9 下因为没有 placeholder 导致看不见搜索输入框

IE9下

• Layout Flex 布局无效
• Select 智能提示 Demo 输入框内容向上偏移
• Tabs 中的左侧箭头按钮样式
• Pagination 左侧箭头按钮以及省略号的样式
  
• Table 表头文字与内容文字不对齐 24aba9e
• Notification Demo 里的关闭方法需要完善
• Upload 上传按钮补白部分点击无效，两个拖拽上传点击无效
• Popover Tooltip Popconfirm 的位置 Demo 里的顺序建议调整为左、上、下、右

IE8下

• Form 行内表单失效
• InputNumber 右侧按钮箭头方向
• Slider 拖动无效，Icon Demo 里的 icon 错位
• Select 箭头方向
• Collapse 箭头方向，嵌套 Demo 里内部面板收缩时，外部面板不能收缩
• Carousel 完全失效
• Pagination 左右按钮箭头偏移
• Upload 上传按钮补白部分点击无效，两个拖拽上传点击无效，样式偏移
• Dropdown 下拉框没有上边框
• Table 表头文字与内容文字不对齐 24aba9e

[sorrycc]

看了下 react-slick，貌似本身就不支持 IE8 。。我看下怎么改下。

[zhujun24]

万恶的 IE 兼容问题求认领

Select 然则 @warmhug
Upload 玄寂 @pigcan
Slider 再飞 @simaQ
Carousel 云谦 @sorrycc
Collapse 翰文 @shepherdwind
InputNumber 承玉 @yiminghe

[shepherdwind]

额上传在ie下应该不支持拖拽的，Collapse我研究下。IE8下我以为能用就行了的

[afc163]

没事，这里只是列出问题，我们对兼容性有结论就好，不用强求。

[sorrycc]

akiran/react-slick#103

[afc163]

拖拽上传组件 IE 下不支持拖拽可以理解，点击应该要可以呀。

[simaQ]

是 再飞 不是 在飞，认领了

[afc163]

到底在不在飞？

[warmhug]

是 autoprefixer-loader 在 ie8下生成的filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2)... 这些？有测试这个filter在ie8下能正常工作吗？ 这个用的地方很多、貌似影响很大。 @afc163 @yiminghe

[simaQ]

@warmhug IE8 下是可以的，你可以看 iconfont，但是不能用在 :before :after 伪元素上

.@{iconfont-css-prefix}-backward                      {.ie-rotate(2);}
.@{iconfont-css-prefix}-backward:before               {content:"\e630";.rotate(180deg);}

[warmhug]

对的 @simaQ 多谢

[zhujun24]

Select 的箭头在 IE8 下好了，IE9 下又有问题了

下拉框里的第一个和最后一个选项的边角溢出

@warmhug

[warmhug]

@zhujun24 边角溢出已修复；ie上箭头方向修复了、但箭头会变大、似乎不能两全、谁比较了解求帮助~

[yiminghe]

rotate 不要放在 before 上试试

[shepherdwind]

箭头那个巨麻烦，ie里面如果使用缩放，会非常丑的

另外位置也便宜了，因为正常的一个icon是21px那么大小，缩放实际上，空间还是在那里的。

感觉用旋转来实现icon，要兼容ie，实在痛苦啊。

[pimkle]

Collapse的箭头，在IE9下会换行

[pimkle]

Modal对话框 弹出的时候，右侧滚动条消失，留下一个很丑的白块，而且布局会向左靠：https://ant.design/components/modal-cn/

[pimkle]

progress loading circle在ie9上动画只显示第一帧，不会转动

[benjycui]

• Collapse的箭头，在IE9下会换行 af9dc73
• Modal对话框 弹出的时候，右侧滚动条消失，留下一个很丑的白块，而且布局会向左靠：https://ant.design/components/modal-cn/

以上两点确认是有问题。

progress loading circle在ie9上动画只显示第一帧，不会转动

这个问题不知道是什么， Progress 没有 loading 属性。

[benjycui]

@pimkle 可以帮忙看看怎么解决？

[pimkle]

@benjycui

progress loading circle在ie9上动画只显示第一帧，不会转动
这个问题不知道是什么， Progress 没有 loading 属性。

上面这个问题 你用IE9访问下下面这个url就知道了：
https://ant.design/components/spin-cn/

因为项目需要兼容IE9, 发现这个项目对IE9很友好，就全面检查了下兼容性。我很愿意帮忙，但是上手比较慢。

IE9不支持animation：http://caniuse.com/#feat=css-animation won't fix

[benjycui]

@pimkle Progress 和 Spin 是两个组件。。要区分开啊。

antd 中的动画都是用 CSS3 做的，所以在老 IE 下面会有损失，这个也不计划适配。

[pimkle]

@benjycui 👌🏻

[benjycui]

@pimkle 另外两个问题，就麻烦你看看了，谢谢。

[afc163]

Collapse 箭头错位的问题在 af9dc73 里修复了。

Modal对话框 弹出的时候，右侧滚动条消失，留下一个很丑的白块

白块是给滚动条占位的，不算 bug。

[magnnus]

@afc163

Modal对话框 弹出的时候，右侧滚动条消失，留下一个很丑的白块

这里问题是 占位的宽度太大了，我在ie9上看，body的padding-right是34px，造成向左错位的视觉效果... 直接访问站点的modal组件即可复现

[budiga]

使用antd的Upload上传图片，在IE9里如何实现图片预览啊？
有哪个属性能得到选择的本地图片的路径嘛？能知道路径的话是不是可以通过滤镜实现预览，通过new ActiveXObject("Scripting.FileSystemObject")来验证文件大小、类型？
@afc163 @shepherdwind @pigcan

[kwzm]

@afc163 您好，我看您把 flex 给划掉了，是有什么方法可以兼容吗？

[yoyo837]

@kwzm IE9 不支持 flex https://caniuse.com/#search=Flexible