Skip to content

InputDate month breaks on mobile for sm/xs #6338

@mikenewbon

Description

@mikenewbon

Environment

Operating system macOS 25.4.0
CPU Apple M4 Pro (12 cores)
Node.js version v22.22.0
nuxt/cli version 3.34.0
Package manager pnpm@10.26.1
Nuxt version 4.4.2
Nitro version 2.13.2
Builder vite@7.3.1
Config app, compatibilityDate, content, cookieConsent, css, devServer, devtools, experimental, fonts, hooks, i18n, image, imports, modules, nitro, piniaPluginPersistedstate, pinia, postcss, routeRules, runtimeConfig, security, site, sitemap, supabase, turnstile, ui, vite
Modules @nuxt/ui@4.5.1, @nuxt/image@2.0.0, @pinia/nuxt@0.11.3, pinia-plugin-persistedstate/nuxt@4.7.1, @nuxt/icon@2.2.1, @nuxtjs/color-mode@4.0.0, @nuxt/content@3.11.2, @nuxt/eslint@1.15.2, @nuxtjs/supabase@2.0.4, @nuxt/fonts@0.14.0, nuxt-security@2.5.1, @nuxtjs/turnstile@1.1.2, @nuxt/scripts@0.13.2, @polar-sh/nuxt@0.5.6, @nuxtjs/sitemap@7.6.0, @vueuse/motion/nuxt@3.0.3, @nuxtjs/i18n@10.2.3, nuxt-simple-cookie-consent@1.1.9

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.6.1

Reproduction

https://ui.nuxt.com/docs/components/input-date#size

On SM and XS at mobile resolutions the month MM splits onto two lines

Image

Description

Will submit a fix

Additional context

No response

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't workingtriageAwaiting initial review and prioritizationv4#4488

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions