Display bug whith css columns in Chrome

When the image is inside a CSS column layout, the zoomed image stay in the column layout, and the bottom wrap on the next col when the zoomed image is grabbed (which is both weird and awesome).

• OS: OSX
• Browser and version: Chrome 60

The grid

.grid {
  column-count: 2;
  column-gap: 1rem;

  figure {
    display: inline-block;
    margin: 0 0 0 0;
    width: 100%;
  }
}

The bug

last image on the left col

last image on the right col

[ghost]

Hi, I’ve the same problem in Chrome and I fix this with:

img {
  transform: translateZ(0);
}

I hope help 😃

[kingdido999]

Fixed in the latest version 1.2.7 thanks to @andreaballerino’s suggestion. Here’s the demo.