inertia start

v1.0.1

v1.0.1

This patch release fixes the sidebar trigger icon on mobile.

Fixed

  • Fixed the mobile sidebar trigger showing the wrong icon. SidebarTrigger selected its icon from the isMobile media query, which resolves to false during server-side rendering and on the first client render, so the server markup and the hydrated markup disagreed and phones showed a panel icon instead of the menu icon on initial load. The icons are now always rendered and switched with the Tailwind md responsive classes, which match the (max-width: 767px) breakpoint used by SidebarProvider, so the markup is identical on the server and on the client.

Upgrade Guide

  1. Rebuild frontend assets with npm run build or your normal frontend workflow.
  2. If you customized resources/js/components/ui/sidebar/SidebarTrigger.vue, apply the same change: render Menu with md:hidden and PanelLeftOpen / PanelLeftClose with hidden md:block, instead of branching on isMobile.