fix(vwb): capture plein écran — retirer height:0 + wrapper flex
Some checks failed
security-audit / Bandit (scan statique) (push) Successful in 12s
security-audit / pip-audit (CVE dépendances) (push) Successful in 9s
security-audit / Scan secrets (grep) (push) Successful in 7s
tests / Lint (ruff + black) (push) Successful in 14s
tests / Tests unitaires (sans GPU) (push) Failing after 12s
tests / Tests sécurité (critique) (push) Has been skipped

Le conteneur .fullscreen-content avait height:0 + min-height:0
qui écrasait la hauteur du flex child → image minuscule.
Le wrapper inline-block limitait aussi le dimensionnement.

Fix : overflow:hidden sans height forcée, wrapper en flex 100%.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Dom
2026-04-19 10:28:16 +02:00
parent e3efef2fe7
commit c198c930a1
2 changed files with 3 additions and 5 deletions

View File

@@ -545,14 +545,14 @@ function FullscreenSelector({
onMouseUp={handleMouseUp}
>
{/* Conteneur relatif pour positionner les bboxes et la sélection par rapport à l'image */}
<div style={{ position: 'relative', display: 'inline-block', maxWidth: '100%', maxHeight: '100%' }}>
<div style={{ position: 'relative', display: 'flex', alignItems: 'center', justifyContent: 'center', width: '100%', height: '100%' }}>
<img
ref={imgRef}
src={b64ImgSrc(capture.screenshot_base64)}
alt="Capture plein écran"
draggable={false}
onLoad={handleImageLoad}
style={{ display: 'block', maxWidth: '100%', maxHeight: 'calc(100vh - 60px)', objectFit: 'contain' }}
style={{ maxWidth: '100%', maxHeight: '100%', objectFit: 'contain' }}
/>
{/* Overlay des éléments détectés — visible dans tous les modes */}

View File

@@ -1083,10 +1083,8 @@ body {
display: flex;
align-items: center;
justify-content: center;
overflow: auto;
overflow: hidden;
position: relative;
height: 0;
min-height: 0;
}
.fullscreen-content img {