Last 12 weeks · 0 commits
1 of 6 standards met
Problem The sliding animations disappear on the navigation menu component. Tailwind V4 https://github.com/user-attachments/assets/faaba6bc-7cdd-49ba-84c6-f0505c0ffcfd Original https://github.com/user-attachments/assets/ac8cc3a7-cc47-4e7e-aa50-fc6799185575 Reason The specificity of property is high than . !Image Possible Solution Add .
Description Fixed Dialog and AlertDialog that are zooming in from top-left instead of center Fixes https://github.com/shadcn/app-tailwind-v4/issues/5 Screenshots/Videos https://github.com/user-attachments/assets/88eb36c7-1f52-4fc9-8a14-f29b897441e5 https://github.com/user-attachments/assets/001a4d8e-b6d0-4c27-9265-bfd0b7b91eff
Description After upgrading to tailwindcss v4 and following this commit, the Dialog components are zooming in from top left to the center and zooming out to top left, previously (and ideally) it’s zooming in from the center and zoom out to the center also Steps to Reproduce 1. Go to https://app-tailwind-v4.vercel.app 2. Scroll down to “Dialog” section 3. Click on “Edit Profile” button 4. See dialog zooming in from top left Environment OS: macOS 15.2 Browser: Safari 18.2 Additional Context this dialog behavior was normal in tailwindcss v3 Expected https://github.com/user-attachments/assets/2ae759d0-c57d-4786-863e-f27aa8f0f519 Actual https://github.com/user-attachments/assets/17f25c3a-e25d-4774-8852-4eff1c322fed Possible Solution Remove these classes:
Repository: shadcn/app-tailwind-v4. Description: shadcn/ui + tailwind v4 Stars: 221, Forks: 28. Primary language: TypeScript. Languages: TypeScript (97.7%), CSS (2.1%), JavaScript (0.2%). Homepage: https://app-tailwind-v4.vercel.app Open PRs: 2, open issues: 8. Last activity: 6mo ago. Community health: 28%. Top contributors: shadcn, composite, omunite215.