jh3y / driveway

pure CSS masonry layouts
https://jh3y.github.io/driveway
Other
632 stars 85 forks source link

Edge Vertical Clustering doesn't work #14

Open Pikachews opened 7 years ago

Pikachews commented 7 years ago

issue summary

expected behavior

image

actual behavior

image

browser used

Expected: Firefox Actual: Edge

steps to reproduce

jh3y commented 7 years ago

Hey @Pikachews 😄

Thanks for contributing and raising an issue. I hadn't seen this before when testing on Edge and there does in fact seem to be some sort of issue with how Edge handles that cluster. I also noticed that the flip effect doesn't work as it did before 👎 so it seems there may potentially be an issue with perspective or backface-visibility 🤔

I found that resizing the window would give varied results. This leads me to think there is something not quite right happening with break-inside: avoid 🤔

I'm not 100% how to resolve this. It could be that in Edge there needs to be some sort of workaround or that a rule needs to be defined slightly differently to make Edge happy.