angularjs - CSS Column strange behaviour (offsetting items) -


i displaying number of tiles vary in height see below image , thought had solved issue without using masonry using css columns.

tiles:

tiles

my code :

-moz-column-count: 2; -moz-column-gap: 4px; -webkit-column-count: 2; -webkit-column-gap: 4px; column-count: 2; column-gap: 4px; 

each tile has ng-click runs function - passing exercise object function.

the column css offsetting tiles one. example if click on tip toe line walking - passed object side step across beam - offset 1 place in grid.

if run normal css functions perfectly. why column css display correctly pass incorrect variable?

edit works fine in safari on ipad.


Comments

Popular posts from this blog

python - Healpy: From Data to Healpix map -

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -