``` the ```type=\"text\"``` and ```\u003CUSelect />``` fields match heights, but the ```type=\"search\"``` is the outlier.\n- When NOT using ```\u003CUFormField />```, then the ```type=\"text\"``` field is the outlier. \n\n### Additional context\n\nAs rendered in Dev Tools:\n\n\n\nAfter removing ```type=\"search\"``` in dev tools.\n\n\n\n\n\n### Logs\n\n```shell-script\n\n```",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",4014,"nuxt","ui","open","Input Fields on ```Safari``` has Mismatched Sizes","2025-04-29T04:28:11Z","https://github.com/nuxt/ui/issues/4014",0.65121067,{"description":2885,"labels":2886,"number":2890,"owner":2877,"repository":2878,"state":2879,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Environment\n\nThe default input fields when used on small devices (Like my iPhone 12 mini) seemingly render text below 16px causing the browser to zoom when clicking an input field. This doesn't happen on my larger devices as presumably the text renders above 16px.\n\nMight be good to force a minimum text size of 16px to avoid this default behaviour as the workaround otherwise is to override that zoom behaviour, but that could impact accessibility unless the user zooms in manually with their fingers.\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/input happens on the official site too for example here on my iPhone 12 mini\n\n### Description\n\ninput field text renders below recommended 16px on small devices causing the screen to zoom when clicking input fields. This occurs on input fields smaller than xl. Granted in my opinion the text looks plenty big at medium and large size but those cause the screen zoom by default\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2887,2888,2889],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4117,"Default text size on input fields too small on small devices causing zoom when clicked (sub 16px?)","2025-05-10T18:34:49Z","https://github.com/nuxt/ui/issues/4117",0.6963844,{"description":2896,"labels":2897,"number":2901,"owner":2877,"repository":2878,"state":2879,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Environment\n\n- Browser: Safari 18.3\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.3\n\n### Reproduction\n\n## Nuxt UI Website\nhttps://github.com/user-attachments/assets/cba84f65-4c8f-4398-ae34-d2844b2ad767\n\n## My Project\nhttps://github.com/user-attachments/assets/7a88b397-14dc-4150-b396-7e1fbd1a0b7e\n\nThis by the way is not happening with the `UTabs` Example shown in the documentation.\n\n## Documentation\nhttps://github.com/user-attachments/assets/9432385f-141b-4d58-bf28-af2a68833dae\n\n### Description\n\nOn Safari (tested with 18.3) `UTabs` is flickering when switching tabs. Since this also happens on the Nuxt UI Webpage I have not created a minimal reproduction.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2898,2899,2900],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4280,"`UTabs` trigger flickers when switching tabs (Safari-only)","2025-06-02T13:28:06Z","https://github.com/nuxt/ui/issues/4280",0.7271604,{"description":2907,"labels":2908,"number":2912,"owner":2877,"repository":2878,"state":2879,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v22.14.0`\n- Nuxt Version: `3.17.1`\n- CLI Version: `3.25.1`\n- Nitro Version: `2.11.11`\n- Package Manager: `pnpm@10.7.0`\n- Builder: `-`\n- User Config: `modules`, `devtools`, `css`, `mdc`, `runtimeConfig`, `routeRules`, `future`, `compatibilityDate`, `vite`, `echo`, `eslint`, `i18n`, `sanctum`\n- Runtime Modules: `@nuxt/eslint@1.3.0`, `@nuxt/ui-pro@3.1.1`, `@nuxt/content@3.5.1`, `@vueuse/nuxt@13.1.0`, `nuxt-auth-sanctum@0.5.8`, `@nuxtjs/i18n@9.3.1`, `nuxt-laravel-echo@0.2.2`\n- Build Modules: `-`\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.1\n\n### Reproduction\n\nhttps://ui.nuxt.com/components/table#loading\n\n### Description\n\nOn Safari, the border of the table is not visible/moved to the bottom.\n\nThis leaves the loading-indicator to be moved to the bottom.\n\n\n\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2909,2910,2911],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4180,"Border on table header not shown on safari, loading indicator not on the top","2025-05-19T06:46:36Z","https://github.com/nuxt/ui/issues/4180",0.7317164,{"description":2918,"labels":2919,"number":2923,"owner":2877,"repository":2878,"state":2879,"title":2924,"updated_at":2925,"url":2926,"score":2927},"### Environment\n\n- Operating System: Linux\n- Node Version: v22.16.0\n- Nuxt Version: 3.17.5\n- CLI Version: 3.25.1\n- Nitro Version: 2.11.12\n- Package Manager: bun@1.2.13\n- Builder: -\n- User Config: devtools, css, modules, runtimeConfig, compatibilityDate, i18n, auth, sourcemap\n- Runtime Modules: @nuxt/ui@3.1.3, @sidebase/nuxt-auth@0.10.1, @nuxtjs/i18n@9.5.5, @nuxt/image@1.10.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Reproduction\n\nNuxt UI 3: https://codesandbox.io/p/devbox/nuxt-ui3-n3sxks\nNuxt UI 2: https://stackblitz.com/edit/nuxt-ui-w6xry7tp?file=app.vue\n\n### Description\n\nI'm migrating my app from Nuxt UI 2 to 3. This is a regression in the Nuxt UI 3 version.\n\nIf this isn't possible, can we have a tooltip or something?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2920,2921,2922],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4300,"Select should expand to item's full width or at least allow showing it","2025-06-06T00:57:37Z","https://github.com/nuxt/ui/issues/4300",0.73591435,{"description":2929,"labels":2930,"number":2934,"owner":2877,"repository":2878,"state":2935,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\n\n- Operating System: Darwin\n- Node Version: v20.18.3\n- Nuxt Version: 3.16.2\n- CLI Version: 3.24.1\n- Nitro Version: 2.11.9\n- Package Manager: bun@1.1.28\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate\n- Runtime Modules: @nuxt/ui@3.0.2, @nuxt/eslint@1.3.0\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-s2opq2ko?file=app/pages/index.vue\n\n### Description\n\nGiven this component nesting:\n\n- `UForm`\n - `UModal`\n - `UForm`\n\nThis is rendered as the following html:\n\n- `UForm` -> `form` - ✅\n - `UModal` -> `div` - ✅ (teleported to root)\n - `UForm` -> `div` - ❌ I am expecting `form`.\n\nI couldn't find a mention in the documentation that this is expected behaviour.\n\nTo reproduce:\n1. Run reproduction\n2. Click \"Open modal\" button\n3. Inspect the nested form element. It's a `div`:\n\n\nI am happy to have a crack at a PR, if you're willing to point me in the right direction 😌\n\n\n### Additional context\n\nFor context, this is our use case:\n* User fills out an onboarding form\n* One field in the onboarding form is business details\n* User has option to populate business details via business number (eg. [DUNS](https://www.dnb.com/en-us/smb/duns.html))\n* Business number field open in modal\n* User can enter business number in form in modal\n* User submits form, it populates state in parent form\n\n### Logs\n\n```shell-script\n\n```",[2931,2932,2933],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},3913,"closed","[Form] Nested `UForm` in `UModal` is not rendered as `form`","2025-04-16T08:34:48Z","https://github.com/nuxt/ui/issues/3913",0.6935897,{"description":2941,"labels":2942,"number":2951,"owner":2877,"repository":2878,"state":2935,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.14.0\n- Nuxt Version: 3.17.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: pnpm@10.9.0\n- Builder: -\n- User Config: modules, colorMode, image, content, plausible, devtools, hub, css, mdc, nitro, runtimeConfig, routeRules, future, compatibilityDate, eslint\n- Runtime Modules: @nuxt/eslint@1.3.0, @nuxt/image@1.10.0, @nuxt/ui-pro@3.1.0, @nuxt/content@3.5.1, @nuxthub/core@0.8.25, @nuxtjs/plausible@1.2.0, @vueuse/nuxt@13.1.0, nuxt-og-image@5.1.3\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\n1. Open [saas-template.nuxt.dev](https://saas-template.nuxt.dev/) in Safari on macOS 18.4.\n2. Scroll to the Testimonials section.\n3. Observe that after a line break in the grid, the first card in each new row is not rendered.\n4. Open Safari’s developer tools and disable the first CSS rule:\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\n5. Observe that the missing cards now appear, but borders render incorrectly.\n\n\n### Description\n\nOn Safari for macOS (Version 18.4 – 20621.1.15.11.10), using @nuxt/ui components in a responsive grid layout causes elements to disappear after a line break. Specifically, the first item in each new row is not rendered when will-change: transform is applied.\n\n**🔍 Context**\nThe issue is reproducible on your official SaaS template: [saas-template.nuxt.dev](https://saas-template.nuxt.dev/), in the testimonial section. This section uses only @nuxt/ui components – no @nuxt/ui-pro components are involved. The relevant code lives in [/app/pages/index.vue](https://github.com/nuxt-ui-pro/saas/blob/main/app/pages/index.vue), lines 58–80.\n\n**📍 Suspected Source**\nIn Safari, the following rule seems to break the layout:\n\n```\n:is(.*:will-change-transform>*) {\n will-change: transform;\n}\n```\nDisabling this rule in Safari's dev tools makes the hidden items visible again. However, doing so causes border-top rendering to break.\n\n\n**📸 Screenshots**\nIssue (first items not rendered):\n\n\nAfter disabling will-change (cards reappear):\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2943,2944,2947,2948],{"name":2868,"color":2869},{"name":2945,"color":2946},"duplicate","cfd3d7",{"name":2871,"color":2872},{"name":2949,"color":2950},"pro","5BD3CB",4026,"Safari Bug: Grid layout issues with `will-change: transform`","2025-04-30T13:51:05Z","https://github.com/nuxt/ui/issues/4026",0.6988483,{"description":2957,"labels":2958,"number":2968,"owner":2877,"repository":2877,"state":2935,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Environment\r\n\r\n 2.15.8\r\n\r\n### Reproduction\r\n\r\n2.15.8\r\n\r\n### Describe the bug\r\n\r\nIn my Nuxt js app on production server i am getting issue with safari browser both on desktop and mobile view on initial load. i am using Nuxt version 2.15.8. On initial load safari browser is giving errors and not applying search on button click and returning these errors (see log) . When refresh the page it works fine, but not on the initial load. \r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nSyntaxError: Unexpected identifier 'lValue'. Expected an opening '(' before a function's parameter list\r\nSyntaxError: Unexpected identifier 'y'. Expected an opening '(' before a function's parameter list.\r\n```\r\n",[2959,2962,2965],{"name":2960,"color":2961},"pending triage","E99695",{"name":2963,"color":2964},"2.x","d4c5f9",{"name":2966,"color":2967},"needs reproduction","FBCA04",22172,"On initial load safari browser is giving errors","2024-01-16T11:34:13Z","https://github.com/nuxt/nuxt/issues/22172",0.71099323,{"description":2974,"labels":2975,"number":2984,"owner":2877,"repository":2878,"state":2935,"title":2985,"updated_at":2986,"url":2987,"score":2988},"### Environment\n\nnot needed\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.0\n\n### Reproduction\n\nnot needed\n\n### Description\n\nThere is no error state on the input field like color \"error\" when u wrap URadioGroup in UFormField\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2976,2977,2979,2980,2981],{"name":2868,"color":2869},{"name":2966,"color":2978},"CB47CF",{"name":2871,"color":2872},{"name":2874,"color":2875},{"name":2982,"color":2983},"closed-by-bot","ededed",4025,"RedioGroup in Form","2025-05-07T02:09:29Z","https://github.com/nuxt/ui/issues/4025",0.71626484,{"description":2990,"labels":2991,"number":2997,"owner":2877,"repository":2878,"state":2935,"title":2998,"updated_at":2999,"url":3000,"score":3001},"### Environment\n\nNuxt project info: (copied to clipboard) nuxi 10:36:44\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.9.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.25.0\n- Nitro Version: 2.11.11\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, css, future, compatibilityDate, experimental, nitro, sourcemap, ssr, spaLoadingTemplate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.1.1, @nuxtjs/mdc@0.15.0, @vueuse/nuxt@13.1.0\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.1.1\n\n### Reproduction\n\n\nInput Menu Send an event when using @Change\n\n\n\nBut it is scheduled to send a value and this generates the error in console\n\n\n\n\n\n### Description\n\nhttps://github.com/user-attachments/assets/3fdd5798-3f77-45e0-a86b-18a2195219f2\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2992,2993,2994,2995,2996],{"name":2868,"color":2869},{"name":2966,"color":2978},{"name":2871,"color":2872},{"name":2874,"color":2875},{"name":2982,"color":2983},4103,"InputMenu Event onChange","2025-05-17T02:08:14Z","https://github.com/nuxt/ui/issues/4103",0.7196428,["Reactive",3003],{},["Set"],["ShallowReactive",3006],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fmIwiM5ifTua-YeR_2h-kPI7BQS0aVtwEwX-q1Kpu-xg":-1},"/nuxt/ui/4281"]