fix(web): avoid transparent pixels from rounded-full during profile picture capture (#25950)

The cropContainer has rounded-full class which creates transparent
corners when captured by domtoimage.toBlob(). Override border-radius
and border to 0/none during capture to produce a clean square image.

Co-authored-by: Aditya Gaurav <aditya-ai-architect@users.noreply.github.com>
This commit is contained in:
Aditya Gaurav
2026-02-06 08:51:27 +05:30
committed by GitHub
parent 491ed3d927
commit 999ce34251

View File

@@ -61,9 +61,14 @@
const containerSize = cropContainer.offsetWidth;
// Capture the crop container which maintains 1:1 aspect ratio
// Override border-radius and border to avoid transparent corners from rounded-full
const blob = await domtoimage.toBlob(cropContainer, {
width: containerSize,
height: containerSize,
style: {
borderRadius: '0',
border: 'none',
},
});
if (await hasTransparentPixels(blob)) {