-
Notifications
You must be signed in to change notification settings - Fork 988
Closed
Labels
bugSomething isn't workingSomething isn't workingp2-mediumNotable issue or useful enhancementNotable issue or useful enhancementv4#4488#4488
Description
Environment
- Operating System:
Darwin - Node Version:
v24.8.0 - Nuxt Version:
4.2.1 - CLI Version:
3.30.0 - Nitro Version:
2.12.9 - Package Manager:
[email protected] - Builder:
- - User Config:
modules,$development,$production,devtools,app,css,colorMode,content,mdc,ui,runtimeConfig,routeRules,sourcemap,experimental,compatibilityDate,nitro,hub,typescript,hooks,eslint,icon,image,llms,mcp,turnstile,twoslash - Runtime Modules:
@nuxt/[email protected],@nuxt/[email protected],[email protected],@nuxt/[email protected],@nuxt/[email protected],@nuxt/[email protected],@nuxtjs/[email protected],@nuxt/[email protected],@nuxt/[email protected],@nuxtjs/[email protected],@vueuse/[email protected],[email protected],motion-v/[email protected],[email protected],@nuxthub/[email protected],[email protected],[email protected],@nuxtjs/[email protected] - Build Modules:
-
Is this bug related to Nuxt or Vue?
Nuxt
Package
v4.x
Version
4.2.1
Reproduction
https://nuxt.com/blog
<UBlogPosts class="mb-12 md:grid-cols-2 lg:grid-cols-3">
<UBlogPost
v-for="(article, index) in articles"
:key="article.path"
:to="article.path"
:title="article.title"
:description="article.description"
:image="{
src: article.image,
width: (index === 0 ? 672 : 437),
height: (index === 0 ? 378 : 246),
alt: `${article.title} image`
}"
:date="formatDateByLocale('en', article.date)"
:authors="article.authors.map(author => ({ ...author, avatar: { ...author.avatar, alt: `${author.name} avatar` } }))"
:badge="{ label: article.category, color: 'primary', variant: 'subtle' }"
:variant="index === 0 ? 'outline' : 'subtle'"
:orientation="index === 0 ? 'horizontal' : 'vertical'"
:class="[index === 0 && 'col-span-full']"
/>
</UBlogPosts>Description
Each blog card has an un-tabbable link which has no height. It is impossible to navigate to these by keyboard.
Additional context
No response
Logs
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workingp2-mediumNotable issue or useful enhancementNotable issue or useful enhancementv4#4488#4488