Comments (8)
Hi is that mobile or desktop and what version? When I last checked this was working so it may be a regression or some specific combo I didn't check
from react-image-crop.
Chrome and Safari on Mac. Firefox was fine. Didn't check mobile.
from react-image-crop.
@shovemedia Safari 9 or 10?
from react-image-crop.
Just tested and works fine on Safari 10 on Mac, I'm pretty sure on 9 too. If you clone this repo, run npm i && npm start
and then open demo/index.html
in Safari do you have the issue? If not it could be caused by your code.
from react-image-crop.
My Safari is v9. Demo svg clippath works in both Chrome and Safari (although the programmatic state changes seem to throw JS errs?)
As it's clearly some kind of browser repaint bug, there's no telling what DOM-specifics are necessary to reliably reproduce the issue.
from react-image-crop.
I'm no longer using an SVG clipPath so this problem should be resolved
from react-image-crop.
What alternative did you use?
from react-image-crop.
@omygodGIT it's now using a large box-shadow - https://github.com/DominicTobias/react-image-crop/blame/master/lib/ReactCrop.scss#L53
Drawback of this method in this case is that the container needs overflow: hidden
so the drag handles can't appear outside the container when dragged to the edges
from react-image-crop.
Related Issues (20)
- Synchronization Issue Between Multiple Cropper Instances on the Same Page HOT 2
- Image Cropping with 8/3 Aspect Ratio Causing Loss of Half Portion After Retrieval for s3 HOT 2
- Canvas toBlob crop not working on Sandbox (iOS) HOT 6
- Crop mask stays present with zero-size crop HOT 1
- SecurityError: OffscreenCanvas.convertToBlob: Cannot get blob from write-only canvas. HOT 1
- Canvas returns null after cropping image iOS HOT 2
- Mask is does'nt showing the first time HOT 7
- Memory leak risk due to event listeners not removed on componentWillUnmount HOT 1
- mask does not fully cover the image when the image to a smaller aspect ratio HOT 2
- Multiple crop selection on an image at the same time HOT 1
- Can the cropper be used for outpainting?
- React Crop as Dialog Box
- The previous image layout still be kept after switch image HOT 1
- Feature request: Add the option to rotate the crop selection
- Proportional Stretching of Crop Box
- iPhone 15's 24 MP (res 4284 X 5712) image resolution is making the image black after cropping. HOT 1
- Library not supporting image cropping in iOS WebView HOT 6
- Add whitespace around image being cropped?
- Cropped area not accounting for zoom of containing elements properly HOT 6
- Deprecation Warnings with SASS 1.77.7 HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-image-crop.