Safari issue

[shophk]

Safari Version 12.0.1 (13606.2.104.1.2)

On the left is Safari, on the right is Chrome. Before peeling.

After peeling, the bottom image position is off? or it can be fixed by some special setting?

[andrewplummer]

Hi... thanks for the bug report... I had a look into this and it seems that there is a bug with safari's implementation of clip-path that specifically applies to non-rectangular SVG elements. This seems to be why the rest of the examples are working fine as they do not involve clipping with circles.

There doesn't appear to be a workaround unfortunately... in the meantime are you having an issue using this in a project or is it just the main issue in the page?

[andrewplummer]

Also from the SO page, MDN seems to show SVG clipping in Safari as "no support" altogether, probably due to it being so unreliable.

[shophk]

I stumble upon this issue while learning to use this. No issue for me in particular.

[andrewplummer]

ok well thanks for the report! I'll try to stay on top if a fix is ever released for Safari...

[golasowska]

Hi, I found your library and I think it's brilliant, unfortunately it doesn't work properly on iPhone (also on your demo site: https://andrewplummer.github.io/peel-js/ no examples work like on desktop). I used the "overflow: hidden" property for elements with the "peel-layer" class and then everything works perfectly :)

[virendonga10]

.