advanced-cropper
URGENT - Image wrongly sized on Safari
Hello,
we have a image that is wrongly sized on safari. Can be reproduced on the code sandbox with this image:
https://codesandbox.io/p/sandbox/react-advanced-cropper-kkvbz?file=%2Fsrc%2Fstyles.scss%3A1%2C1
on chrome it works and the image is resized correctly:
on safari it looks like this:
@oneVcard, it happens only with this current image? Could you send it in an archive?
@oneVcard, it happens only with this current image? Could you send it in an archive? logo.zip
we have some other images where it happens but i cannot provide those as they are from our customers
@oneVcard, by the way, this issue is reproducing in other croppers. Try it yourself.
What I've investigated:
- This issue is specific for SVG images in Safari browser.
- It happens when we use as the source an resized image, in this case the image will incorrectly drew at a canvas.
I can offer you the workaround, that resolves this bug, but in some cases it may decrease the performance and leads to the appearing of the redundant image loading request.
I'm not sure that this solution can become official due to this circumstances, but perhaps it can be useful in your usecase.
@Norserium
oh okay, thank you for analysing this and providing a workaround even tho it is not an issue from your component. Very much appreciated :)