vue-grid-layout icon indicating copy to clipboard operation
vue-grid-layout copied to clipboard

Resize in RTL mode doesn't work when setting max and min width for an item.

Open Dvoretska opened this issue 4 years ago • 2 comments

  • Vue Version 2.6.12
  • vue-grid-layout Version: 2.3.12

STR:

  1. Set is-mirrored prop to true
  2. Pass min-w prop to grid item
  3. Pass max-w prop to grid item
  4. Try to resize an item - resizing works well between min-w and max-w values (for example: if the item has min-w=8, w=9 and max-w=12, I can resize such item to 10 and then to 11 and back), but when a resized width of item reaches min or max values (8 or 12), resizing stops working, it sticks to these values.

Desired behavior: after width of an item reaches limits (max or min width), resizing should work - there is should be an ability to make the item bigger then min width and smaller then max width.

Dvoretska avatar May 26 '21 14:05 Dvoretska

Hello @Dvoretska did you fixed this issue I have a similar issue I havent set min or max but when I resize the item width to 1 (the smallest size), then it stucks and can't increase the width, but the height is working.

this Issue can be generated in the documentation examples here set is mirrored to true and try to resize on item to the smallest size and then resize it back, it will be stuck at smallest size.

mo3auya91 avatar Aug 29 '22 18:08 mo3auya91

Revert left to right in tryMakeResizable function when Rtl is true @mo3auya91 @Dvoretska

zhenglingfei avatar Oct 24 '22 09:10 zhenglingfei