peel-js icon indicating copy to clipboard operation
peel-js copied to clipboard

Published 20 hours ago • verified publisher icon andrewplummer

Safari issue

Open shophk opened this issue 5 years ago • 6 comments

Safari Version 12.0.1 (13606.2.104.1.2)

On the left is Safari, on the right is Chrome. Before peeling. screen shot 2018-11-10 at 10 01 30 am

After peeling, the bottom image position is off? or it can be fixed by some special setting? screen shot 2018-11-10 at 10 01 40 am

shophk avatar Nov 10 '18 02:11 shophk

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 avatar Nov 11 '18 14:11 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.

andrewplummer avatar Nov 11 '18 14:11 andrewplummer

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

shophk avatar Nov 12 '18 01:11 shophk

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

andrewplummer avatar Nov 12 '18 01:11 andrewplummer

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 :)

golasowska avatar Nov 10 '21 18:11 golasowska

.

virendonga10 avatar Jan 03 '23 13:01 virendonga10