---
title: "Comment by Rishabh Mishra on \"Build a Slide-In Mobile Menu in TanStack Start with Tailwind v4\" | Hashnode"
description: "Nice detail including prefers-reduced-motion. One more that bites on mobile: animate the panel with transform/translateX rather than width, and set aria-expande"
url: "https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174/comment/6ad587b6f347af5216119298"
---

[Discussion](https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174)

Comment [Build a Slide-In Mobile Menu in TanStack Start with Tailwind v4](https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174)

[Rishabh Mishra](https://hashnode.com/@rushdeploy)

[Oct 19](https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174/comment/6ad587b6f347af5216119298)

Nice detail including prefers-reduced-motion. One more that bites on mobile: animate the panel with transform/translateX rather than width, and set aria-expanded on the toggle. The transform avoids layout thrash, and screen readers announce the menu state correctly.

[Wade Thomas](https://hashnode.com/@wadethomastt)

[Oct 19](https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174/comment/6ad587b6f347af5216119298#reply-6ad66820a77afd9d690ff5e2)

Thank you for the comment. The panel slides with translate-x-0 and translate-x-full, and Tailwind v4 applies translate as a transform, so it doesn’t trigger layout the way animating width would, I have that one covered. Setting aria-expanded on the toggle is good a call, I will add that one in, I appreciate the comment, thanks again.

[Rishabh Mishra](https://hashnode.com/@rushdeploy)

[Oct 20](https://hashnode.com/posts/build-a-slide-in-mobile-menu-in-tanstack-start-with-tailwind-v4/6ad5164de19175d0ba8cb174/comment/6ad587b6f347af5216119298#reply-6ad6d8e8ac9bef20ede86079)

Glad the translate approach landed well. Pair aria-expanded with aria-controls pointing at the panel's id, so screen readers link the toggle to the exact element being shown. Small addition, big clarity.