\n \u003C/div>\n \u003C/template>\n\u003C/UDrawer>\n```\n\n**Current workaround:**\n\nThis solves it for me, however doesn't take into account other cases.\n\nFor the closed state of my drawer-with-inset, I force `top` to `0`.\n```\n.myDrawer[data-state='closed'] {\n top: calc(var(--spacing) * 0);\n}\n```\n\n### Additional context\n\n_No response_\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",3985,"nuxt","ui","open","Drawer-with-inset doesn't fully animate to edge of viewport","2025-05-03T13:53:51Z","https://github.com/nuxt/ui/issues/3985",0.67796326,{"description":2885,"labels":2886,"number":2890,"owner":2877,"repository":2878,"state":2879,"title":2891,"updated_at":2892,"url":2893,"score":2894},"### Environment\n\nOperating System: Windows 11\nNode Version: v22.14.0\nNuxt Version: 3.17.4\nNitro Version: 2.11.12\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.1.3\n\n### Description\n\nHi,\nI'm experiencing an issue with the UDashboardSidebar component when using it in a right-to-left (RTL) layout. While resizing, the drag direction appears to be inverted—it moves in the opposite direction of the cursor.\n\nCould you please look into this and let me know if there's a fix or workaround? I'm currently using Nuxt UI Pro in development.\n\nThanks a lot!",[2887,2888,2889],{"name":2868,"color":2869},{"name":2871,"color":2872},{"name":2874,"color":2875},4262,"UDashboardSidebar Resize Drag Direction Reversed in RTL Mode","2025-06-01T09:54:14Z","https://github.com/nuxt/ui/issues/4262",0.7384613,{"description":2896,"labels":2897,"number":2902,"owner":2877,"repository":2878,"state":2879,"title":2903,"updated_at":2904,"url":2905,"score":2906},"### Description\n\nHey! Thanks for trying to make nuxt/ui even more awesome.\n\nI've been struggled with adding NavigationMenu items animation on toggling collapsed of/off states. \nI'd like to make it work smoothly and keep only icons with popovers in collapsed state and show the rest only when collapsed is off. out of the box its only toggled on/off without transitions.\nI see no option to pass slot to wrap labels with vue Transition component or use Motion-vue and either css animations like data-[collaped=true]:animate.... not working well because whole inner content of nav is wrapped with \"v-if\" and switched on collapsed. \n\nIn some components data-[state] animations works well, but not in collapsed NavigationMenu. Or am I doing something wrong?\nOnly a way I see is to override whole item slot. But for now I've just get rid of NavigationMenu and made my own custom component with fancy transitions.\nPlease point me to right direction and suggest best practices, cuz I'd like to use most of components and make it work with smooth transitions/animations, but sometimes got stucked with limitations/lack of knowledge. \n\nofftop: For example, wasted many hours trying to achieve smooth slide-down transition for table expanded rows. Ended up with expanded slot with UCollapsible plus exclusive inner state for it, changed with setTimeout(() => { ... }, 300), Ugly, hucky, but it works.",[2898,2901],{"name":2899,"color":2900},"question","d876e3",{"name":2871,"color":2872},4254,"NavigationMenu transitions/animations on toggle collapsed state","2025-05-29T21:37:50Z","https://github.com/nuxt/ui/issues/4254",0.7400343,{"description":2908,"labels":2909,"number":2913,"owner":2877,"repository":2878,"state":2879,"title":2914,"updated_at":2915,"url":2916,"score":2917},"### 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```",[2910,2911,2912],{"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.7424257,{"description":2919,"labels":2920,"number":2923,"owner":2877,"repository":2878,"state":2924,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Environment\n\n- Operating System: Darwin\n- Node Version: v18.20.6\n- Nuxt Version: 3.15.4\n- CLI Version: 3.21.1\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: -\n- Runtime Modules: -\n- Build Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.13\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/modest-agnesi-drlrh4?file=%2Fapp%2Fpages%2Findex.vue%3A24%2C24\n\n### Description\n\nWhen I close a `UDrawer` that I opened via an action from a `UDropdownMenu`, the style on my \u003Cbody> tag still contains `overflow: hidden` and `user-select: none`, which prevents interaction with the page.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2921,2922],{"name":2868,"color":2869},{"name":2871,"color":2872},3406,"closed","User interaction lock after a Drawer/DropdownMenu","2025-02-27T20:57:27Z","https://github.com/nuxt/ui/issues/3406",0.68859404,{"description":2930,"labels":2931,"number":2937,"owner":2877,"repository":2878,"state":2924,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Environment\n\nTested on latest macOS\n\"@nuxt/ui\": \"3.0.0-alpha.13\",\n\"nuxt\": \"^3.15.4\"\n\"packageManager\": \"pnpm@10.5.0\"\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n3.15.4\n\n### Reproduction\n\nCreate a new project using nuxt UI starter using :\n`npx nuxi init -t ui3 \u003Cmy-app>`\n\n### Description\n\nCreate a new project using nuxt UI starter usiing :\n`npx nuxi init -t ui3 \u003Cmy-app>`\n\nAll tailwind classes used in templates of the project vue files are properly picked up by tailwind.\nHowever, tailwind classes use by nuxt/ui components are picked up by tailwind.\n\nIn this div of app/pages/index.vue file, 'gap-2' 'item-center' classes are properly available :\n\u003Cimg width=\"845\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/b87c2ddd-69b1-4be7-9ec3-cc322d8fa1db\" />\n\nBut UButton compenent classes ('font-medium' 'inline-flex'...) are not availble :\n\u003Cimg width=\"901\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3b5c21cb-b1ba-48f4-805a-c9fccd8573b2\" />\n\nWhich result in the folowing :\n\u003Cimg width=\"283\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/294a3a0c-fea0-4bfd-ad73-2e3d6e80fdae\" />\n\n### Additional context\n\ntested with pnpm\n\n### Logs\n\n```shell-script\nNo error logged in the console\n```",[2932,2933,2936],{"name":2868,"color":2869},{"name":2934,"color":2935},"duplicate","cfd3d7",{"name":2871,"color":2872},3402,"NuxtUI component classes not picked up by tailwind","2025-02-26T10:03:21Z","https://github.com/nuxt/ui/issues/3402",0.71800345,{"labels":2943,"number":2950,"owner":2877,"repository":2877,"state":2924,"title":2951,"updated_at":2952,"url":2953,"score":2954},[2944,2947],{"name":2945,"color":2946},"enhancement","8DEF37",{"name":2948,"color":2949},"2.x","d4c5f9",6101,"Nuxt.js should handle \"back\" swipe gesture by default","2024-06-14T16:09:57Z","https://github.com/nuxt/nuxt/issues/6101",0.729998,{"description":2956,"labels":2957,"number":2962,"owner":2877,"repository":2877,"state":2924,"title":2963,"updated_at":2964,"url":2965,"score":2966},"I've spent many hours to investigate the strange behavior in our large app.\r\nFinally I've found it, it seems so furious that I just have no idea what to do next with nuxt and with our templates among the whole application.\r\n\r\nAs usual, I created the separate repo with very simple code to demonstrate it: https://github.com/Kasheftin/nuxt-bug4.\r\nI'll show two bugs (alhough they may have one source).\r\n\r\nI suppose the reason is this component we use as a wrapper (everything else in the demo is hello world):\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv class=\"container\">\r\n \u003Cdiv class=\"col -menu\">\r\n \u003Cslot/>\r\n \u003C/div>\r\n \u003Cdiv class=\"col -content\">\r\n \u003Cnuxt-child/>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nIf the user goes to the index page, we show him menu column only using the index page that looks like:\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003CTwoColumns>\r\n MENU GOES HERE\r\n \u003C/TwoColumns>\r\n\u003C/template>\r\n```\r\n\r\nThen he follows the nested route and the target page placed into the nuxt-child of the wrapper.\r\n\r\n# The first bug:\r\n\r\n1. Follow the /a link. There's an input field with v-model, type anything and it appears just after the input.\r\n2. Follow /a/b link. Type something into the input field. It will work, but after every keypress nuxt show the progress bar at the top of the page like it load something. Although that's just simple inner component value update.\r\n\r\n# The second bug:\r\n\r\n3. Now follow /a/b/c link. Now only the first key press works. After that the data stops updating. It seems the component dies after the first key press. Although /b and /c are just nested nuxt-childs without javascript at all. And only the buggy progress bar at the top keeps working.\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1538\">#c1538\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2958,2961],{"name":2959,"color":2960},"documentation","5319e7",{"name":2948,"color":2949},1715,"Mix of slot and nuxt-child breaks everything","2023-01-18T15:42:10Z","https://github.com/nuxt/nuxt/issues/1715",0.73093957,{"description":2968,"labels":2969,"number":2983,"owner":2877,"repository":2877,"state":2924,"title":2984,"updated_at":2985,"url":2986,"score":2987},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v16.15.0\r\n- Nuxt Version: 3.6.2\r\n- Nitro Version: 2.5.2\r\n- Package Manager: npm@8.5.5\r\n- Builder: vite\r\n- User Config: app, components, devtools, modules, swiper, css, vite\r\n- Runtime Modules: @pinia/nuxt@0.4.11, nuxt-swiper@1.2.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nYou can check the effect here:\r\nhttps://stackblitz.com/edit/nuxt-starter-cgquz4?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nI have a problem with scroll behavior in Nuxt.js 3. When I refresh the page (when static content is served), the scroll jumps abruptly to the top of the page. However, after serving the static content, there is an automatic scroll to the previous position (the position from which the refresh was triggered), which creates an unpleasant \"jumping\" effect on the website.\r\nIf I use SSR = False, the scroll doesnt \"jump\" and stay on the same position when the page is refreshed.\r\n\r\nI assume that Nuxt3 should prevent the scroll from returning to the top of the document when refreshing my page and keep the scroll at the same position.\r\n\r\nWhen I try to do the same in Nuxt2, the scroll behaviour is normal.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2970,2973,2976,2979,2980],{"name":2971,"color":2972},"good first issue","fbca04",{"name":2974,"color":2975},"3.x","29bc7f",{"name":2977,"color":2978},"workaround available","11376d",{"name":2868,"color":2869},{"name":2981,"color":2982},"🔨 p3-minor","FBCA04",22487,"Scroll do weird jumping to the top of the web page on Nuxt3 page refresh","2024-01-29T13:56:25Z","https://github.com/nuxt/nuxt/issues/22487",0.73225534,{"description":2989,"labels":2990,"number":2997,"owner":2877,"repository":2877,"state":2924,"title":2998,"updated_at":2999,"url":3000,"score":3001},"### Version\n\n[v2.2.0](https://github.com/nuxt.js/releases/tag/v2.2.0)\n\n### Reproduction link\n\n[https://codesandbox.io/s/vm3okyjyol](https://codesandbox.io/s/vm3okyjyol)\n\nAdditional reproduction and debugging examples provided by manniL (small edits by me):\n\nhttps://codesandbox.io/s/5zwmmxqzvl (nuxt 2.2.0)\nhttps://codesandbox.io/s/k02x548j45 (nuxt 1.4.4 - same code as above, but BUG NOT OCCURRING HERE)\n\n### Steps to reproduce\n\nClick \"Go to TEST page\"\nClick \"Click here to open the nuxt child!\"\nClick outside the grey box to close the nuxt child\nClick \"Click here to open the nuxt child!\" again\n\n### What is expected ?\n\nAfter the second click on \"Click here to open the nuxt child!\" on the TEST page, the gray box (=nuxt-child) should stay visible\n\n### What is actually happening?\n\nInstead the child disappears almost immediately, which means the click to navigate to the child page is the same click that closes the child page\n\n### Additional comments?\n\nThe grey box is a nuxt-child. When clicking outside the child, the child is closed. This is done via a v-click-outside directive. Note that the same code worked fine and as expected in 1.4.4 and earlier.\n\nOn the main /index.vue page everything works correct. The issue occurs on all pages except for the main /index.vue page. If I were to create /test/index.vue, and a nuxt-child /test/index/subpage.vue, the bug would occur as well.\n\nThe issue only occurs from the second opening of the nuxt-child on. The first time everything works as expected. My assumption is that the nuxt-child somehow stays active/ready. Check the logs to see that when the issue occurs, the nuxt-child is mounted and then the same click that opened the nuxt-child triggers a click-event through the nuxt-child's click-outside directive.\n\n\n\n\u003C!--cmty-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c8115\">#c8115\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2991,2993,2996],{"name":2992,"color":2875},"stale",{"name":2994,"color":2995},"pending triage","E99695",{"name":2948,"color":2949},4306,"Nuxt-child sometimes mounted before click event that opens it","2023-01-22T15:30:07Z","https://github.com/nuxt/nuxt/issues/4306",0.73251903,["Reactive",3003],{},["Set"],["ShallowReactive",3006],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fkkEx7s3HuXdXj0ZhQ2k0Y1RcgQ1QBc_I_k10skBC2mA":-1},"/nuxt/ui/3947"]