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

c - Bitwise operation with (signed) enum value -

xslt - Unnest parent nodes by child node -

YouTubePlayerFragment cannot be cast to android.support.v4.app.Fragment -