packery icon indicating copy to clipboard operation
packery copied to clipboard

layout problem in expanding grid items at the right most side

Open robertwong68 opened this issue 8 years ago • 8 comments

Please see screenshot, when all the other grid items expansionedperfect except the last column on the rightmost side.

screenshot 2017-11-27 08 34 45 screenshot 2017-11-27 08 35 04 screenshot 2017-11-27 08 35 17

https://codepen.io/robertwong68/pen/rzJydV

robertwong68 avatar Nov 27 '17 00:11 robertwong68

Thanks for reporting this issue. This is indeed a bug. I'll have to investigate.

desandro avatar Dec 17 '17 20:12 desandro

Hello David, thanks so much for your lovely library! Overall Packery is a real dream and makes for an excellent drag and drop game for teaching kids to unscramble words! But I am having trouble with far right hand drags/throws as well. To the left all is beautiful, you can't glitch it no matter how hard you try 👍 But when throwing the same items toward the right side, I get glitchy behavior where the grid doesn't seem to know what its size is. I'll attach a screenshot of the regular behavior after throwing/dragging left, then a couple that show what happens when you've done that on the right. I've tried applying every workaround I can think out from your layout api, and nothing has helped.

left

right1

right2

In the last one you can see how the letters have dropped down below instead of lining up horizontally.

mspanish avatar Jan 06 '18 03:01 mspanish

@mspanish Sounds like you may be interested in the previous dragging behavior with Packery v1. v2's drag behavior was designed to be less frustrating for Masonry grid dragging, but unfortunately I did not anticipate that the v1 behavior was still useful for your kind of applications. I do have an issue open for it #353. I hope to resolve this issue eventually. Until then, you can try downgrading to Packery v1 to see if this improves.

desandro avatar Jan 11 '18 15:01 desandro

@desandro thanks I'll try that 👍

mspanish avatar Jan 11 '18 18:01 mspanish

Hello @desandro "when all the other grid items expansioned perfect except the last column on the rightmost side." Do you have time to help fixing this one ? Thanks.

robertwong68 avatar Jan 19 '18 01:01 robertwong68

@robertwong68 Can you please open a new issue with a reduced test case. See Submitting Issues in the contributing guidelines.

desandro avatar Jan 25 '18 14:01 desandro

Please find below the reduced test case, this is the problem I have if I click the top row 2nd item from the right (the square one). All other items work except this one.

https://codepen.io/robertwong68/pen/ZvgWKN

screenshot 2018-01-26 16 05 59

robertwong68 avatar Jan 26 '18 08:01 robertwong68

@robertwong68 Thanks for that. Yes, this does look to be a bug. I'll have to take a look.

One solution is to use layout instead of shiftLayout.

desandro avatar Jan 26 '18 19:01 desandro