Dom/rpa_vision_v3
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files

4
visual_workflow_builder/frontend_v4/src/components/CapturePanel.tsx
View File

@@ -545,14 +545,14 @@ function FullscreenSelector({
onMouseUp={handleMouseUp} onMouseUp={handleMouseUp}
> >
{/* Conteneur relatif pour positionner les bboxes et la sélection par rapport à l'image */} {/* 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 <img
ref={imgRef} ref={imgRef}
src={b64ImgSrc(capture.screenshot_base64)} src={b64ImgSrc(capture.screenshot_base64)}
alt="Capture plein écran" alt="Capture plein écran"
draggable={false} draggable={false}
onLoad={handleImageLoad} 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 */} {/* Overlay des éléments détectés — visible dans tous les modes */}

4
visual_workflow_builder/frontend_v4/src/styles.css
View File

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