drawer icon indicating copy to clipboard operation
drawer copied to clipboard

Drawer has css wrong effect for rtl dir

Open foubei opened this issue 7 years ago • 3 comments

Hello,

I am trying i18n for drawer component. So I switch dir between ltr and rtl. Also I put drawer position to left for ltr and right for rtl. It works correctly for ltr but the css got mess up for rtl. Need some help...

<Drawer
        className={style.sideBar}
        level={null}
        onHandleClick={this.onCollapse}
        onMaskClick={this.onCollapse}
        open={!collapsed}
        placement={locale === 'ar' ? 'right' : 'left'}
        width={256}
/>

ltr drawer closed ltr drawer opened rtl drawer closed rtl drawer opened

Best Regards, F. Tahir

foubei avatar Aug 29 '18 13:08 foubei

https://react-component.github.io/drawer/examples/placement.html

jljsj33 avatar Aug 30 '18 10:08 jljsj33

onChange = (value) => {
    this.setState({
      placement: value,
      width: value === 'right' || value === 'left' ? '20vw' : null,
      height: value === 'right' || value === 'left' ? null : '20vh',
      childShow: false, // 删除子级,删除切换时的过渡动画。。。
    }, () => {
      this.setState({
        childShow: true,
      });
    });
  }

jljsj33 avatar Aug 30 '18 10:08 jljsj33

Is anybody fixed this issue?

vlknhslk avatar Feb 27 '20 17:02 vlknhslk