search

ValentinH / react-easy-crop

A React component to crop images/videos with easy interactions
https://valentinh.github.io/react-easy-crop/
MIT License
2.27k stars 167 forks source link

Vertical reposition shows blank screen "react-easy-crop": "5.0.7", #548

Open PDipendra opened 1 month ago

PDipendra commented 1 month ago

Initially its good Screenshot 2024-07-18 at 19 27 14

But when i move vertically it shows Screenshot 2024-07-18 at 19 28 39

const [crop, setCrop] = useState({ x: 0, y: 0 }) const [zoom, setZoom] = useState(1);

return (

);

.container { position: relative; background-color: lavender; max-height: 90vh; min-height: 90vh; width: 900px; margin: 5rem auto 0;

.cropperWrapper {
    background-color: rgb(13, 173, 96);
    height: 300px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    .cropperArea {
        width: 100% !important;
        height: 100% !important;
    }
}

}

ValentinH commented 1 month ago

Why do you override the internal CSS classes?