On mobile, filament panel loads with sidebar expanded

[Persaeus]

Package

filament/filament

Package Version

v3.2.128

Laravel Version

v11.34.2

Livewire Version

v3.5.12

PHP Version

PHP 8.4.1

Problem description

The page loads with the sidebar expanded by default on mobile...

Screen.Recording.2024-12-11.mov

The reason, is that the sidebar's isOpen parameter is initialized as true:

filament/packages/panels/resources/js/index.js

Line 7 in 0a86766

isOpen: window.Alpine.$persist(true).as('isOpen'),

Expected behavior

The page should load normally and not be obscured by the sidebar slideover. The sidebar navigation can be accessed by clicking on the hamburger button

Steps to reproduce

1. Open new browser window with private/incognito mode, so localStorage is empty
2. Use a mobile browser, or use something like "Responsive Design Mode" to simulate narrow screen width
3. Navigate to any panel page
4. Observe that the page loads with sidebar expanded

Reproduction repository (issue will be closed if this is not valid)

https://github.com/filamentphp/demo

Relevant log output

No response

Donate 💰 to fund this issue

• You can donate funding to this issue. We receive the money once the issue is completed & confirmed by you.
• 100% of the funding will be distributed between the Filament core team to run all aspects of the project.
• Thank you in advance for helping us make maintenance sustainable!