Invalid tenant menu item dropdown panel stack order when sidebar collapsed

qoqn commented 1 year ago

Package

filament/filament

Package Version

v3.0.12

Laravel Version

v10.17.1

Livewire Version

No response

PHP Version

8.2.8

Problem description

In multi tenant application, when using sidebarCollapsibleOnDesktop() option on panel and collapsing the sidebar in desktop the stack order is invalid, tenant menu items is inside (or behind?) the collapsed sidebar.

Expected behavior

Tenant menu (dropdown) should be above sidebar, viewable and clickable even on collapsed sidebar.

Steps to reproduce

Using this panel configuration, or the default tenantMenuItems() configuration (where the tenant selector exists)

return $panel
            // ... other settings
            ->sidebarCollapsibleOnDesktop()
            // ... other settings
            ->tenantMenuItems([
                MenuItem::make()
                    ->label('Settings')
                    ->icon('heroicon-m-cog-8-tooth'),
            ])
            // ... other settings