RTL下部分组件样式不正确

liuqisakuya commented 6 years ago

antd官方目前没有支持RTL，根据issue4051采用切换语言加载不同css文件的方式来处理，实际运行时发现部分样式问题：

popconfirm宽度和箭头位置异常:
- antd-rtl.css的.ant-popover样式中存在right：0；
- 气泡箭头位置的样式.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow被设置为right: 16px 应该为left：16px
Cascader、Select设置getPopupContainer后选项位置不正确：
- antd.rtl.css中.ant-select-dropdown下right：-9999px,设置getPopupContainer导致选项计算left属性错误;
- Cascader中，级联选项依次展时方向仍然是从左往右
- .ant-dropdown 、.ant-mention-dropdown存在同样的问题;
- 改为left: -9999px后恢复正常
```
/*antd-rtl.css*/
.ant-cascader-menus-placement-bottomLeft {
left: unset !important;
right: 0 !important;
}    
.ant-select-dropdown {
left: -9999px; /*right: -9999px*/
}
```

yesmeck commented 6 years ago

@liuqisakuya 请问你是有 RTL 的需求吗？你是否对 RTL 的语言熟悉？

liuqisakuya commented 6 years ago

你好，公司项目有中东地区客户，所以需要支持RTL，目前只对样式进行简单的修改来支持；但我自身对RTL并不熟悉，关注的antd中4051的issue几个月没有更新，里面着手改进的人也放弃了，只是想知道antd官方是否以后会支持RTL？

yesmeck commented 6 years ago

@liuqisakuya 因为我们本身也不熟悉 RTL 的语言，所以如果有人帮助我们的话我们很愿意支持。

afc163 commented 5 years ago

@liuqisakuya 我们很愿意支持，由于目前我们的业务比较窄，也对 RTL 不够熟悉，希望更多的人直接来帮助我们。

yesmeck / antd-rtl