\n\n- [ ] **`UInputEditor`**\nSince Reka UI lacks a native editor component, I recommend integrating a third-party solution like [Quill](https://quilljs.com) or [TipTap](https://tiptap.dev) (which already offers Nuxt/Vue support). Although previously dismissed by the author, this feature remains highly requested by the community. \u003Cbr>\u003Cimg width=\"1009\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/4862e9e8-4769-4bd3-a40e-bc89cea5d1a1\" />\n_Related: #2698, #1889, #791_\n\n- [ ] **`UInputTime`**\nImplement the `TimeField` component from Reka UI, this component could support single and range-based time selection.\n_Related: #3089, #3969, #4634_ \u003Cbr>\u003Cimg width=\"175\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7e338f95-eae3-4ef8-81cc-b3db28553b4e\" />\n\n- [ ] **`UInputDate`**\nImplementation of Reka UI’s `DatePicker` and `DateRangePicker`. \u003Cbr>\u003Cimg width=\"608\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/fcae5c2d-50ed-4b8b-ac89-b3272626fd48\" />\n_Related: #2524, #2873_\n\n- [ ] **`UInputDateTime`**\nA hybrid component combining `UInputDate` and `UInputTime` for scenarios requiring both date and time inputs. \u003Cbr>\u003Cimg width=\"303\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2372467f-ca86-44a0-9667-6dc3ffa43247\" />\n\n- [ ] **`UInputMonth`**\nIdeal for cases where users need to select a combination of month and year. \u003Cbr>\u003Cimg width=\"249\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/7ee72087-0d58-47ca-b0f7-b5c239148d91\" />\n\n- [ ] **`UInputYear`**\nA simpler component for year-only selection. \u003Cbr>\u003Cimg width=\"247\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a841c974-43b7-42a1-ac3c-7fb42e85fafc\" />\n\n- [ ] **`UInputMask`**\nMasked inputs are indispensable for formatting fields like postal codes or national IDs. I suggest leveraging [Vue The Mask](https://github.com/vuejs-tips/vue-the-mask) for implementation. \u003Cbr>\u003Cimg width=\"316\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b2a3150f-a29e-40ad-96c1-32a63b3bd9ac\" />\n_Related: #1303, #510_\n\n- [ ] **`UInputPhone`**\nA phone input with internationalization support, much like `LocaleSelect` (which already displays flags and country names). The [libphonenumber-js](https://www.npmjs.com/package/libphonenumber-js) library could serve as the foundation. \u003Cbr>\u003Cimg width=\"312\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/893a1bf3-130c-49da-b41e-8ebf468569a4\" />\n_Related: #2815_\n\n## Updates to Existing Components\n\n- [ ] **`UPinInput → UInputPin`**\nRename the existing `UPinInput` component to align with the naming convention used across other input components.\n\n- [ ] **`UInput / UTextarea`**\nAdd a native character counter via a `counter` property, configurable using the `min` and/or `max` attributes. Currently, there is an [example](https://ui3.nuxt.dev/components/input#with-character-limit) for this functionality, but a native implementation would improve the developer experience.\n\n### Additional context\n\n_No response_",[3137,3140],{"name":3138,"color":3139},"feature","A27AF6",{"name":3141,"color":3142},"v3","49DCB8",3094,"nuxt","ui","open","[RFP] The Inputs Update","2025-07-31T02:45:34Z","https://github.com/nuxt/ui/issues/3094",0.73495835,{"description":3152,"labels":3153,"number":3161,"owner":3144,"repository":3145,"state":3146,"title":3162,"updated_at":3163,"url":3164,"score":3165},"### Environment\n\n- Operating System: Windows 11\n- Node Version: 22.17.1\n- Nuxt Version: 3.17.0\n- @nuxt/ui Version: 2.22.0\n- Package Manager: pnpm@9.9.0 or yarn@1.22.22\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.17.0 / @nuxt/ui 2.22.0\n\n### Reproduction\n\nhttps://github.com/Merite15/Nuxt-UI2-Page-Reload-Bug\n\n### Description\n\nWhen @nuxt/ui is installed as a module in nuxt.config and using Nuxt 3.17.0 on Windows 11, any change to style or script files triggers a full page reload instead of hot module replacement (HMR). This issue does not happen unless @nuxt/ui is enabled as a module.\n\n**How to reproduce:**\n1. Clone the reproduction repo on Windows 11: https://github.com/Merite15/Nuxt-UI2-Page-Reload-Bug\n2. Install with `pnpm@9.9.0` or `yarn@1.22.22`\n3. Start the dev server\n4. Make changes to any style or script\n5. Observe that the page fully reloads\n\nThis bug does not occur if @nuxt/ui is not registered as a Nuxt module. The log repeatedly warns about 'manifest-route-rule' middleware already existing.\n\n### Additional context\n\nSee screenshots for logs and warnings.\n\n### Logs\n\u003Cimg width=\"1456\" height=\"335\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3bfe9959-40f6-4d61-a736-9d17a029ddb0\" />\n\u003Cimg width=\"1455\" height=\"345\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a66db53c-b90f-425a-9608-90b64e1ee248\" />",[3154,3157,3158],{"name":3155,"color":3156},"bug","d73a4a",{"name":3141,"color":3142},{"name":3159,"color":3160},"triage","ffffff",4666,"Nuxt UI v2 triggers full page reload on file changes when used as Nuxt module (Windows 11)","2025-08-05T11:02:17Z","https://github.com/nuxt/ui/issues/4666",0.7394058,{"description":3167,"labels":3168,"number":3172,"owner":3144,"repository":3144,"state":3146,"title":3173,"updated_at":3174,"url":3175,"score":3176},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.9.0`\n- Nuxt Version: `3.16.0`\n- CLI Version: `3.23.0`\n- Nitro Version: `2.11.6`\n- Package Manager: `pnpm@9.5.0`\n- Builder: `-`\n- User Config: `ssr`, `devtools`, `compatibilityDate`, `css`, `app`, `modules`, `runtimeConfig`, `vite`, `vueQuery`, `ui`, `icon`, `elementPlus`\n- Runtime Modules: `@nuxt/eslint@1.2.0`, `@nuxt/icon@1.11.0`, `@nuxt/scripts@0.11.2`, `@nuxt/test-utils@3.17.2`, `@nuxt/ui@3.0.2`, `@element-plus/nuxt@1.1.1`, `@hebilicious/vue-query-nuxt@0.3.0`, `@vueuse/nuxt@13.0.0`\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/purple-worker-q927r2?workspaceId=ws_Nd6bGHokakFXXgZBfRPLsD\n\n### Describe the bug\n\n**Steps to Reproduce:**\n\n1. Open the reproduction link.\n2. Click on 'page 2' at the top to navigate to the page2 page.\n3. The loading animation will not disappear.\n\nThe code logic of the page2 page is to call the `fetchData` function when the page is opened, while setting `loading` to true and then setting it to false within a short period.\n\nThis bug is triggered when a Nuxt page uses a transition with the mode set to `out-in`. Specifically, when the component's props change rapidly, the code related to DOM operations does not correctly handle the state of the props, resulting in abnormal component display.\n\nWorkaround:\n\n1. Set the mode to a value other than `out-in`.\n2. Wrap the component using `v-loading` with a `\u003CClientOnly>` component.\n3. Call `fetchData` within the `onMounted` callback.\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```\n\nEdit: pick right words",[3169],{"name":3170,"color":3171},"pending triage","E99695",31613,"page transtion with fast props change","2025-04-02T03:30:33Z","https://github.com/nuxt/nuxt/issues/31613",0.74002284,{"description":3178,"labels":3179,"number":3185,"owner":3144,"repository":3145,"state":3186,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.2\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.9\n- Package Manager: npm@10.9.2\n- Builder: -\n- User Config: compatibilityDate, devtools, modules, css, colorMode, build, runtimeConfig, app, lodash, vite, router, nitro\n- Runtime Modules: @pinia/nuxt@0.9.0, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/test-utils/module@3.17.2, @vueuse/nuxt@11.3.0, nuxt-\ncountdown@1.2.0, nuxt-lodash@2.5.3, nuxt-monaco-editor@1.3.1, @nuxt/eslint@1.3.0, @nuxt/eslint@1.3.0, @nuxt/fonts@0.11.1, @nuxt/icon@1.12\n.0, @nuxt/image@1.10.0, @nuxt/scripts@0.11.6, @nuxt/test-utils@3.17.2, @nuxt/ui@3.1.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/fervent-ptolemy-6njy2z?workspaceId=ws_SZ9iN2xj3x4VbwxN8x8baL&embed=1&file=%2Fapp%2Fpages%2Findex.vue\n\n### Description\n\nYou cannot dynamically add/remove columns, top toggle should control the visibility of the Status column\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3180,3181,3182],{"name":3155,"color":3156},{"name":3141,"color":3142},{"name":3183,"color":3184},"upstream","78bddb",4024,"closed","Dynamic table columns","2025-06-30T13:20:36Z","https://github.com/nuxt/ui/issues/4024",0.7001215,{"description":3192,"labels":3193,"number":3201,"owner":3144,"repository":3145,"state":3186,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/test-utils/module@3.14.4, @nuxt/eslint@0.7.1, @nuxt/ui@2.20.0, @nuxt/icon@1.8.2, @pinia/nuxt@0.5.5, @nuxtjs/i18n@9.1.0\n- Build Modules: -\n\n### Version\n\nv2.20.0\n\n### Reproduction\n\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Description\n\nFor some reason (probably just typo mistake) `th` element of `u-table` component uses styles from `tr.base`. Is it a feature? Looks like a bug :)\nhttps://github.com/nuxt/ui/blob/c0455c831f06b3f7662c964abe6e36f9221afe48/src/runtime/components/data/Table.vue#L11\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3194,3195,3196,3199],{"name":3155,"color":3156},{"name":3159,"color":3160},{"name":3197,"color":3198},"closed-by-bot","ededed",{"name":3200,"color":3198},"stale",2946,"Expand table header uses styles from 'ui.tr.base'","2025-06-18T09:05:12Z","https://github.com/nuxt/ui/issues/2946",0.7124708,{"description":3207,"labels":3208,"number":3214,"owner":3144,"repository":3145,"state":3186,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Environment\n\n- Vue 3.5.12\n- Node 20.19.0\n- MacOS\n- Vite 6.3.2\n- Nuxt UI 3.0.2/3.1.0\n\n\n### Is this bug related to Nuxt or Vue?\n\nVue\n\n### Version\n\nv3.0.2/3.0.1\n\n### Reproduction\n\n\nreproduction:\nhttps://codesandbox.io/p/devbox/jolly-minsky-c2hdtr\n\n\n\n### Description\n\nWhen using Nuxt UI v 3.0.2 and 3.1.0, both appear to experience an issue with the Table component and the width of the table due to columns that have enough data in them for the character count to exceed to size of the screen. I believe the `whitespace-nowrap` class being applied globally to the `td` slot is the main source of the issue. Furthermore, when the `whitespace-nowrap` class is applied, then any width class you try to apply to the column definition will apply in the html, but doesn't actually appear to limit the overall width of the column. \n\nThe only way I have found that will actually make the column the desired width is replace the `whitespace-nowrap` class with `whitespace-normal` class via:\n1. Global change to the `td` slot via vite.config to something like this: `table: { slots: { td: 'p-4 text-sm text-muted whitespace-normal [&:has([role=checkbox])]:pe-0' } }`\n2. The `ui` prop on the table with something like this: `:ui=\"{ td: 'whitespace-normal p-4 text-sm text-muted [&:has([role=checkbox])]:pe-0' }\"`\n3. Add `whitespace-normal` in the column def via the meta class `{ meta: { class: { td: 'w-20 whitespace-normal' } } }`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3209,3210,3211,3212,3213],{"name":3155,"color":3156},{"name":3141,"color":3142},{"name":3159,"color":3160},{"name":3197,"color":3198},{"name":3200,"color":3198},3988,"Table component width overflows screen when column data is large","2025-08-20T02:08:53Z","https://github.com/nuxt/ui/issues/3988",0.71909815,{"description":3220,"labels":3221,"number":3229,"owner":3144,"repository":3144,"state":3186,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.12.1\r\n- Nuxt Version: ^3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: -\r\n- Package Manager: pnpm@8.15.6\r\n- Builder: -\r\n- User Config: devtools, ssr, app\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nOnline version: https://nuxtbug.netlify.app\r\nProject: https://github.com/suchorski/nuxt-bug\n\n### Describe the bug\n\nWhen changing page with transition changes the \u003Cslot /> position when have a component on bottom of \u003Cslot />\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3222,3223,3226],{"name":3155,"color":3156},{"name":3224,"color":3225},"🔨 p3-minor","FBCA04",{"name":3227,"color":3228},"✨ good reproduction","fbca04",26836,"Transition of page change poisition of components","2024-09-13T17:09:06Z","https://github.com/nuxt/nuxt/issues/26836",0.72264785,{"description":3235,"labels":3236,"number":3245,"owner":3144,"repository":3144,"state":3186,"title":3246,"updated_at":3247,"url":3248,"score":3249},"### Environment\n\n- Operating System: Linux\r\n- Node Version: v16.20.0\r\n- Nuxt Version: 3.7.1\r\n- CLI Version: 3.7.3\r\n- Nitro Version: 2.6.2\r\n- Package Manager: npm@9.4.2\r\n- Builder: -\r\n- User Config: experimental\r\n- Runtime Modules: -\r\n- Build Modules: -\n\n### Reproduction\n\nYou can use my old preproduction from #23051 https://stackblitz.com/edit/github-ydxe3t?file=pages%2Findex.vue\r\n\r\nSee that the scoped style (margin) applies to the component. However, if you update Nuxt to 3.7.3, the style no longer applies, since the data-v attribute was removed. \n\n### Describe the bug\n\nThe issue #23051 was fixed in #23095.\r\n\r\nHowever, this prevented scoped style from being applied to the component. \r\n\n\n### Additional context\n\nSorry for the delayed feedback. As I noted in https://github.com/nuxt/nuxt/pull/23095#issuecomment-1712583276 the removal of data-v attribute entirely lead to styles not being reproduced. I already debugged the issue and I'm going to create a PR with a simple suggested fix.\r\n\r\nThis PR will revert the expected behavior of scoped styles as in 3.7.1 while keeping @huang-julien 's fix for 404 on soft navigation due to different component hash.\n\n### Logs\n\n_No response_",[3237,3240,3241,3242],{"name":3238,"color":3239},"3.x","29bc7f",{"name":3155,"color":3156},{"name":3224,"color":3225},{"name":3243,"color":3244},"server components","839413",23385,"Fix for #23051 broke scoped styles in server components","2023-09-28T07:36:15Z","https://github.com/nuxt/nuxt/issues/23385",0.7248029,{"description":3251,"labels":3252,"number":3258,"owner":3144,"repository":3145,"state":3186,"title":3259,"updated_at":3260,"url":3261,"score":3262},"### Environment\n\n- Operating System: `Windows_NT`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.5`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.12`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `compatibilityDate`, `devtools`, `srcDir`, `routeRules`, `app`, `svgSprite`, `alias`, `css`, `imports`, `modules`, `ssr`, `runtimeConfig`\n- Runtime Modules: `@nuxt/eslint@1.4.1`, `@nuxt/fonts@0.11.4`, `@nuxt/icon@1.14.0`, `@nuxt/image@1.10.0`, `@nuxt/scripts@0.11.8`, `@nuxt/test-utils@3.19.1`, `@nuxt/ui@3.1.3`, `@nuxtjs/svg-sprite@1.0.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\n\nNuxt\n\n### Version\n\nv3.2.0\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/dreamy-euler-9595k7\n\n\n### Description\n\n\n\nHi when i select copy payment id i got that error when i console log the row it gives me undefined upon clicking kindly check this link: https://ui.nuxt.com/components/table#with-context-menu\n\n#4259 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3253,3254,3257],{"name":3155,"color":3156},{"name":3255,"color":3256},"needs reproduction","CB47CF",{"name":3141,"color":3142},4452,"UTable context menu error during selection of items","2025-07-13T16:34:46Z","https://github.com/nuxt/ui/issues/4452",0.7288999,{"description":3264,"labels":3265,"number":3273,"owner":3144,"repository":3144,"state":3186,"title":3274,"updated_at":3275,"url":3276,"score":3277},"@danielroe @boogie-ben Pull Request https://github.com/nuxt/nuxt/pull/28083 introduces a bug. \r\n`Number.parseFloat('auto')` ( valid syntax for `getComputedStyle(elem)` padding/margin ) will amount to **NAN**\r\n\r\n### Reproduction\r\nN/A\r\n\r\n_Originally posted by @misurito in https://github.com/nuxt/nuxt/issues/28083#issuecomment-2248868657_\r\n ",[3266,3268,3269,3270],{"name":3267,"color":3228},"good first issue",{"name":3155,"color":3156},{"name":3224,"color":3225},{"name":3271,"color":3272},"possible regression","B90A42",28306,"Scroll behavior Bug introduced wit PR 28083","2024-08-07T11:49:25Z","https://github.com/nuxt/nuxt/issues/28306",0.72975075,["Reactive",3279],{},["Set"],["ShallowReactive",3282],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRJ6LtAFvx68Eth3KKiGC83XPz0nstrIom2fsQ62cE60":-1},"/nuxt/ui/3367"]