search

lrembacz / vue-responsive-grid-layout

Vue Repsonsive Grid Layout
MIT License
83 stars 19 forks source link

Vertical resizing doesn't work #2

Closed ayZagen closed 6 years ago

ayZagen commented 6 years ago

Vertical resizing in your example doesn't work as expected

lrembacz commented 6 years ago

What do you actually mean? It works for me as it should.

ayZagen commented 6 years ago

I cant resize vertically. resize handler moves but component itself doesn't resize

lrembacz commented 6 years ago

In my example there is heightFromChildren prop set to true. Which means that height of grid-item is strictly taken from component wrapped there. And cannot be more or less. Its working like https://packery.metafizzy.co/, so only width is taken from my grid-layout options.

If u want to use it in normal mode please set this prop to false or just delete it.

Additionally you will need to make some changes to component wrapped inside, and change its css styles to make the height 100% which will grant you, your wanted case. Now this element is flexbox which height is based on content.