dannon/triage-22067.md

Created March 17, 2026 11:02

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/dannon/31ed7551fd91bdb9374e2b9e330bf36c.js"></script>
Save dannon/31ed7551fd91bdb9374e2b9e330bf36c to your computer and use it in GitHub Desktop.

Download ZIP

Raw

triage-22067.md

Triage: #22067 — Download card images can bleed out of container

Classification: Bug

Root Cause Analysis

The GCard component at client/src/components/Common/GCard.vue has no overflow constraint on its .g-card-content or .g-card-description containers, and no img { max-width: 100% } rule scoped to card content. When any card's description (rendered via markdown or the description slot) contains <img> elements, the images render at native size and bleed past the card border.

This affects any GCard consumer that allows user-supplied or markdown-rendered descriptions — workflow cards with annotated images, notification cards, etc. The markdown composable at client/src/composables/markdown.ts does nothing to constrain image sizes.

Recommendation

CSS-only fix: Add overflow: hidden on .g-card-content and a scoped img { max-width: 100%; height: auto; } rule inside .g-card-content or .g-card-description in GCard.vue. No structural changes needed.

Effort Estimate

Small

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment