Filament content has a "hidden" class on it with no way to remove it.

22 Replies

JoelOP•15mo ago

Was having issues with reactive fields to get a slug updating, so I did a composer update and it re-ran filament:upgrade and now no matter what link I click on, on the side, it loads a page that looks like this

JoelOP•15mo ago

Removing the hidden class makes it work fine, although the navbar still looks pretty odd, so not sure what is adding it? Have done a npm run dev and added the preset to tailwind, etc

JoelOP•15mo ago

Any ideas?

cheesegrits•15mo ago

That 'hidden' is coming from ...

            @class([
                'fi-main-ctn w-screen flex-1 flex-col',
                'hidden h-full transition-all' => filament()->isSidebarCollapsibleOnDesktop() || filament()->isSidebarFullyCollapsibleOnDesktop(),
                'hidden' => ! (filament()->isSidebarCollapsibleOnDesktop() || filament()->isSidebarFullyCollapsibleOnDesktop() || filament()->hasTopNavigation()),
                'flex' => filament()->hasTopNavigation(),
            ])

            @class([
                'fi-main-ctn w-screen flex-1 flex-col',
                'hidden h-full transition-all' => filament()->isSidebarCollapsibleOnDesktop() || filament()->isSidebarFullyCollapsibleOnDesktop(),
                'hidden' => ! (filament()->isSidebarCollapsibleOnDesktop() || filament()->isSidebarFullyCollapsibleOnDesktop() || filament()->hasTopNavigation()),
                'flex' => filament()->hasTopNavigation(),
            ])

... so out of interest, try turning off sidebarCollapsibleOnDesktop() and sidebarFullyCollapsibleOnDesktop() and topNavigate() in your panel provider, see what happens.

JoelOP•15mo ago

Hmm okay, will give it a go, but not sure why it’s hidden by default?

cheesegrits•15mo ago

Well it should get overridden by the style="'display: flex'" @joelwmale did you ever get this resolved? I saw someone else mention that topNavigation may cause this if you also have sidebar collapse set.

JoelOP•15mo ago

I haven’t tried it sorry, been really busy with client work. I’ll try to make some time today to see if I can fix it using your suggestion I’m haven’t set any configurations for sidebars or top nav’s, this is all default

blakdronzer•15mo ago

Well - you can refer to the theme provided by Zeus-Laravel - there it have managed to keep the system intact while providing the sidebar colapsable

JoelOP•15mo ago

FYI @Hugh Messenger I don't have any of those functions called on my panel. This was working fine until I updated filament 1 minor version, then it broke

JoelOP•15mo ago

@Hugh Messenger adding this does not fix anything sadly

JoelOP•15mo ago

I think this condition is wrong no? 'hidden' => !(false false false) Make's it true? If I remove the ! it works fine

awcodes•15mo ago

Clear your local storage in your browser. I think your local storage has gotten out of sync. Both things your are setting to false in your panel are false by default.

JoelOP•15mo ago

Yeah I thought so too, but I can't even log back in, I get a "already in progress state" for sign in, and no matter what credentials I enter, the page just reloads

JoelOP•15mo ago

This was working 100% fine prior to upgrading filament

JoelOP•15mo ago

Downgrading back to 3.0.47 fixes the admin panel, but login still broken

JoelOP•15mo ago

It's definitely running the upgrade:

awcodes•15mo ago

Wtf is already in progress. Sorry. That doesn’t sound like anything in filament. At least that I’m aware of.

JoelOP•14mo ago

Sorry what does this mean haha? What do I do now/here? @awcodes someone on Github has helped me to fix it The issue was a difference in livewire config, I was still running v2, on livewire v3 🙂

JoelOP•14mo ago

https://github.com/filamentphp/filament/discussions/8842

GitHub

Filament Broken - Buttons always loading, forms not submitting, etc...

Have got a project that was previously running on Filament 2, and worked no issues at all, but now, having upgrading to v3 I get very strange errors, like not even being able to log in: This is the...

awcodes•14mo ago

Glad you got it sorted out.

Gaming

Programming

Filament content has a "hidden" class on it with no way to remove it.