FilamentF
Filament•3y ago
lodeki

Collapsible not working on sidebar

filament config has this 
  ... 'sidebar' => [
            'is_collapsible_on_desktop' => true,
            'groups' => [
                'are_collapsible' => true,
            ],
            'width' => '16.6rem',
            'collapsed_width' => null,
        ], ...
. resources/js/app.js has this 
import Alpine from 'alpinejs'
import axios from 'axios'
import Echo from 'laravel-echo'
import AlpineFloatingUI from '@awcodes/alpine-floating-ui'
import NotificationsAlpinePlugin from '../../vendor/filament/notifications/dist/module.esm'

window.axios = axios
window.Pusher = Pusher

Alpine.plugin(AlpineFloatingUI)
Alpine.plugin(NotificationsAlpinePlugin)



window.Alpine = Alpine

Alpine.start()
while the css counterpart has this 
@import './../../vendor/filament/filament/resources/css/app.css';

@tailwind base;
@tailwind components;
@tailwind utilities;
.Ran npm build successfully but the sidebar does not really open up nor close .I would appreciate any leads. I'm using the yepsua plugin for them and i've checked it that it works as expected.Thank you.
sidebar_error.png
Solution
Okay, I can't tell where this issue is from, but your blade files look broken. So best to remove vendor/, reinstall via composer install and run artisan filament:upgrade
Jump to solution
Was this page helpful?