search

react-grid-layout / react-resizable

A simple React component that is resizable with a handle.
https://strml.github.io/react-resizable/examples/1.html
MIT License
2.4k stars 363 forks source link

Add RTL Support #95

Open Roshdy opened 5 years ago

Roshdy commented 5 years ago

Thanks for opening an issue!

Please select the type of issue you're reporting. For questions.

Problem Report

RTL direction is not supported

RoccoC commented 5 years ago

How does RTL impact dragging? Is it that you'd like the drag handle to appear on the bottom-left corner? If so, this PR may help: https://github.com/STRML/react-resizable/pull/101

iding-ir commented 4 years ago

In RTL:

  1. resizing loses its smoothness which gets worse over time as you keep dragging the handler left and right.
  2. mouse pointer falls behind or ahead of resize handler.
omidazm94 commented 3 years ago

hello @xcqwan and @RoccoC , I hope you all doing great. when i'm using this in an rtl ant design table it works in opposite direction. can you please tell me if i'm doing something wrong or there is a problem? it doesn't matter that where is the cursor in rtl when you drag to right the column's width must decreased but it does the ltr thing and increse width of the column thanks in advance. rtl-problem

omidazm94 commented 3 years ago

they handle it in #22659 but its not smooth like ltr version <Resizable ++resizeHandles={['w']}