Display bug whith css columns in Chrome about zooming HOT 10 CLOSED

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

img {
  transform: translateZ(0);
}

I hope help :)

from zooming.

The image wrapped in two cols ( ͡° ͜ʖ ͡°)

from zooming.

Hey @arnaudjuracek, thanks for the report! I will take a look this weekend.

from zooming.

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

from zooming.

@arnaudjuracek Would you mind creating a simple demo (on jsfiddle, codepen or anything like that) to reproduce this bug? You can add zooming as an external resource.

from zooming.

Here you go : codepen.io/PJProM

from zooming.

Hi @kingdido999,

Have you had a chance to take a look at this issue?

Thanks

from zooming.

@NewJenk @arnaudjuracek I haven't done too much investigation, but looks like this issue happens on chrome only.

from zooming.

I don't really have a clue why it's happening in Chrome. I guess making an image wrapper with absolute position could fix this issue and other issues as well like #22 #34. But it would require quite some time for me to do the rewrite #44.

from zooming.

So you creating a new stacking context. Nice !
Thx, will try 👍

from zooming.