yesmeck / antd-rtl

antd rtl demo

                       

                       

antd-rtl's Issues

RTL下部分组件样式不正确

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

1. popconfirm宽度和箭头位置异常:
   • antd-rtl.css的.ant-popover样式中存在right：0；
   • 气泡箭头位置的样式.ant-popover-placement-topLeft > .ant-popover-content > .ant-popover-arrow被设置为right: 16px 应该为left：16px
2. 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*/
}