Environment

• Operating System: macOS 26.6.2
• Node Version: v24.14.1
• Nuxt Version: 4.5.2
• Vue Version: 3.5.42
• Tailwind CSS: 4.3.3
• Package Manager: pnpm

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.11.1

Reproduction

https://play.ui.nuxt.com/#eNqtU0FL9DAQ/Svz9TtUwVgFESlVUUQRUQ+iF+sh286uwTQJSborlv53J1krXRYP4vbQNo+ZN2/ea7vkzJjdeYtJnhSussJ4cOhbA5Kr2XGZeFcmJ6USjdHWQwcWp9DD1OoGUmpLYbNXqSqtnAfhsXFwDM8dCZmgzCG95ULBHfqFtm/pDkx4PUOCn/b3UuhfhsY5ly1SI+nciiTPey/bpSqy5XK0Ch0IN5J7pBNAUYs5VJI7R+tOJb5DuLFKS5hxww7AsKPoQdBX/GMMzq1+Q5WDUE7UCI+XAmV9ZTW5xthQOEK/oAA+oMTK36JqYc4aXaOkoVFzmUAeBRMQnwQMqhbs8OBbQiQaNoD/NU55Kz1VdRAJn6ID/Up9GH0eDCN/rOAqlLt24mUY68QH0vk9JN2NSU53o8nQ90W2bF+ldIarb43etqoiReskMcBIEhrGW2QrQSyhkUUj366VaT1QbYWvWtZoaeIFLjMVWtEW2WB8tur8KLf7mxwcb5C+8DACFsK/aqL9IcCNZPXbpDae0x9TWstoPaEioz+I3kalSf8JymxaaQ==

Description

When a USelectMenu (same structure in USelect) is inside a UFieldGroup, components rendered in the trigger's #default slot inherit the field group context.

For example, a UBadge in the #default slot receives the fieldGroup: 'horizontal' variant classes:

not-only:first:rounded-e-none not-only:last:rounded-s-none not-last:not-first:rounded-none

Because the badge is the first child of the trigger button (followed by the label and trailing icon), not-only:first:rounded-e-none applies and the badge's right corners become square (computed radius: 4px 0 0 4px). The same select outside a UFieldGroup renders the badge correctly.

Created a PR

Additional context

No response

Logs