separate options for gutterWidth and gutterHeight

[metafizzy]

separate options for gutterWidth and gutterHeight

[axit-joost]

+1

[MrGrabazu]

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
:)

[djschoone]

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

[wichert]

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?

[matthewwilson]

+1 to what wichert said

[oskarrough]

+1

Would be helpful for creating more ireggular grids.

[ChrisRollason]

• 1

That would be useful!

[wichert]

+1

[ChrisC]

+1

[halfempty]

+1

[Skaidon]

+1

+1

[danielsamuels]

+1

[bradjonesca]

+1

[Scritik]

+1

[rodleviton]

+1

[mgrn0]

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

[mgrn0]

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...

[mgrn0]

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?

[matthewwilson]

+1

[johnnyjanzen]

+1

[kaisermann]

+1 pretty please

[john-osullivan]

+1, with ice cream on top

[Luxbit]

+1

[echibi]

+1

[avdeev]

+1

[lexgorbunov]

+100500

[mprofitlich]

+1

[iliyaZelenko]

+1

[JRadagast]

+1

[steve231293]

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