separate options for gutterWidth and gutterHeight about packery HOT 31 OPEN

+1

from packery.

It appear that this feature would be really helpfull.
I think this space cannot be in percent vertically speaking because we never sizing the grid item with a percent value for height.
After almost 3 years, where is this wonderful feature ??
Or is there anyway to disactivate the vertical gutter and manage it by ourselves ?

And by the way : +1
:)

from packery.

Solution might be to give the smallest amount with the options. And provide extra needed margin via CSS for ie the bottom.

from packery.

Can everyone please stop adding +1 comments to this ticket? At this point they add no useful value, and they only cause a lot of useless email to be send to everyone.

@desandro, perhaps you can lock this discussion?

from packery.

+1 to what wichert said

from packery.

+1

Would be helpful for creating more ireggular grids.

from packery.

• 1

That would be useful!

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

I would love to have this feature, too - I am using packery in a responsive layout and smaller boxes stacked upon each other don't align with the taller boxes, just as in http://codepen.io/desandro/pen/pBlIw

from packery.

I tried to extend packery with a gutterHeight option for responsive layouts and it seems to almost work, at least with pixel values. When you resize http://codepen.io/magrolino/pen/yGdzk the vertical Gutter stays the same and is different from the horizontal gutter.

However, when I drag and drop the tiles vertically, the more I drag an item the more it is positioned too far down (like I missed taking the vertical gutter being taken into account when positioning / dragging an element to a new position, after window resize it fits again).

Am i completely off or is there a possible solution out there, at least with fixed pixel values?

p.s.: please forgive the brute approach for extending the options...

from packery.

I did not add a fallback (yet) when no gutterHeight is provided, but resizing in both directions works and so does browser-resizing, too.
But I have a problem in combination with dragabilly - drag (and drop) within first row works perfectly, but in rows > 1 the positioning is off, like there is an additional padding / gutter added to the drop target (and I cannot find out where). I tried to show the behaviour in a screencast, I used a gutterHeight of 20px (you can see in the very narrow window-width that the gutterHeight is different from width, which is 2%):

https://dl.dropboxusercontent.com/u/81358/jing/packery-gutterHeight-bug.mp4

Fun thing: if I position a tile "wrong", resizing the browser window re-places it correctly. Can somebody point me in the right direction?

from packery.

+1

from packery.

+1

from packery.

+1 pretty please

from packery.

+1, with ice cream on top

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

+100500

from packery.

+1

from packery.

+1

from packery.

+1

from packery.

Hello @desandro
Is there any things new on this? I really need this feature.

from packery.