[rtl resize] In RTL resize, when I try to shrink it, it gets bigger instead

Open

#2,002 opened on Dec 25, 2023 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty: 3/5
Estimated time: 1-2 days
Newbie friendliness: 58/100

Issue type: Bug
Clarity: Mostly clear
Activity status: Quiet
Tech stack: react, typescript
Domain: frontend, internationalization

Research direction

Start by reproducing the RTL resize behavior in the linked CodeSandbox, using public/index.html around line 10,9 in Chrome. Trace the resize path in react-grid-layout and verify that shrinking from either side changes the box in the expected direction; done means the RTL behavior matches normal resize semantics.

Written by the indexing model from the issue text.

Description

bug needs-info

Describe the bug

In the case of rtl, the left and right operations of the resize function are reversed. You can refer to the example provided below.

Your Example Website or App

https://codesandbox.io/p/sandbox/awesome-snow-zf5cv9?file=%2Fpublic%2Findex.html%3A10%2C9

Steps to Reproduce the Bug or Issue

Go to https://codesandbox.io/p/sandbox/awesome-snow-zf5cv9?file=%2Fpublic%2Findex.html%3A10%2C9
Resize the one of box, you can see the issues

Expected behavior

as normal

react-grid-layout library version

react-grid-layout@1.4.4

Operating System Version

macos

Browser

Chrome

Additional context

No response

Screenshots or Videos