Top bar elements persisting when navigating between panels in SPA mode

[binaryfire]

Package

filament/filament

Package Version

3.3.7

Laravel Version

12

Livewire Version

3.6.2

PHP Version

8.4

Problem description

When SPA mode is enabled, top bar elements are persisted when navigating between panels. In the example below the user menu, search field and db notification icon from the /admin panel remain on screen after navigating to the /test/ panel. They only disappear after a browser reload:

360p_kFoF.mp4

The issue is occurring with any top bar elements added via render hooks too.

Steps to reproduce

1. Download the reproduction repo
2. Go to the /admin dashboard
3. Open the user menu and click "Test panel" to navigate to the /test panel.
4. The admin panel's top bar elements will be persisted until the browser is reloaded

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

https://github.com/binaryfire/filament-multi-panel-spa-mode-bug

[github-actions]

Hey @binaryfire! We're sorry to hear that you've hit this issue. 💛

However, it looks like you forgot to fill in the reproduction repository URL. Can you edit your original post and then we'll look at your issue?

We need a public GitHub repository which contains a Laravel app with the minimal amount of Filament code to reproduce the problem. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private / confidential, since we want a link to a separate, isolated reproduction. That would allow us to download it and review your bug much easier, so it can be fixed quicker. Please make sure to include a database seeder with everything we need to set the app up quickly.

[binaryfire]

@danharrin I included a reproduction repository URL. This shouldn't have been closed.

[binaryfire]

Hey @binaryfire! We're sorry to hear that you've hit this issue. 💛

However, it looks like you forgot to fill in the reproduction repository URL. Can you edit your original post and then we'll look at your issue?

We need a public GitHub repository which contains a Laravel app with the minimal amount of Filament code to reproduce the problem. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private / confidential, since we want a link to a separate, isolated reproduction. That would allow us to download it and review your bug much easier, so it can be fixed quicker. Please make sure to include a database seeder with everything we need to set the app up quickly.

@github-actions If you want to be successful when you try and overthrow your human overlords, you should really learn to read.

[danharrin]

You changed the structure of the issue template in your edits, so its not able to keep track of its validity