Repository navigation
Mask overlay leaves a 1px-high area over the image #611
Description
Hi
I have a customized instance of the cropper, and changing the overlay color to white revealed an issue where the image doesn't cover the whole image, despite having 100% height, leaving a 1px-high line. The video at the bottom shows the issue.
For me, the hacky workaround was to expand it slightly, but you might want to investigate it properly.
& .ReactCrop__crop-mask,
& .ReactCrop__crop-mask mask > rect:first-child {
height: 100.1%;
}
Activity
Workaround an SVG precision issue on crop mask #611
dominictobias commentedon Apr 14, 2025
Thanks this is due to SVG's being rendered on the pixel while divs are rendered with precision up to 2 decimal places.
Screen.Recording.2025-04-14.at.19.24.21.mov
Your workaround is the only one I could find and I think a slight overflow which shouldn't be noticeable is better than an underflow 🤞
Plz try
11.0.10, I'm just overflowing by 0.5 pixelstmarcinkowski-logitech commentedon Apr 15, 2025
I confirm that the issue is not observable anymore. Thanks for the swift response!