fix: prevent layout shift when vulnerability block is opened (#315)

9romise · web-flow · commit 507bbd68a552 · 2026-01-29T16:30:47.000Z
diff --git a/app/components/PackageVulnerabilityTree.vue b/app/components/PackageVulnerabilityTree.vue
@@ -154,7 +154,7 @@ function getDepthStyle(depth: string | undefined) {
                 >
                   {{ vuln.id }}
                 </a>
-                <span class="truncate">{{ vuln.summary }}</span>
+                <span class="truncate w-0 flex-1">{{ vuln.summary }}</span>
               </li>
               <li v-if="pkg.vulnerabilities.length > 2" class="text-xs text-fg-subtle">
                 {{ $t('package.vulnerabilities.more', { count: pkg.vulnerabilities.length - 2 }) }}

Original file line number	Diff line number	Diff line change
`@@ -154,7 +154,7 @@ function getDepthStyle(depth: string \| undefined) {`
`154`	`154`	`>`
`155`	`155`	`{{ vuln.id }}`
`156`	`156`	`</a>`
`157`		`- <span class="truncate">{{ vuln.summary }}</span>`
	`157`	`+ <span class="truncate w-0 flex-1">{{ vuln.summary }}</span>`
`158`	`158`	`</li>`
`159`	`159`	`<li v-if="pkg.vulnerabilities.length > 2" class="text-xs text-fg-subtle">`
`160`	`160`	`{{ $t('package.vulnerabilities.more', { count: pkg.vulnerabilities.length - 2 }) }}`