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:

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
Post a Comment