ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Photo: Fix flickering broken image after migrating to Offscreen Canvas blur

Browse Source
This commit is contained in:
Alexander Zinchuk 2024-09-06 15:43:10 +02:00
parent e9c069d356
commit 9b5c527a8a
1 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/middle/message/Photo.tsx
View File

@ -218,13 +218,15 @@ const Photo = <T,>({
{withBlurredBackground && ( {withBlurredBackground && (
<canvas ref={blurredBackgroundRef} className="thumbnail blurred-bg" /> <canvas ref={blurredBackgroundRef} className="thumbnail blurred-bg" />
)} )}
<img {fullMediaData && (
src={fullMediaData} <img
className={buildClassName('full-media', withBlurredBackground && 'with-blurred-bg')} src={fullMediaData}
alt="" className={buildClassName('full-media', withBlurredBackground && 'with-blurred-bg')}
style={forcedWidth ? `width: ${forcedWidth}px` : undefined} alt=""
draggable={!isProtected} style={forcedWidth ? `width: ${forcedWidth}px` : undefined}
/> draggable={!isProtected}
/>
)}
{withThumb && ( {withThumb && (
<canvas <canvas
ref={thumbRef} ref={thumbRef}