tringuyenduc2903 commented 4 months ago

Bug report

What I did

In resources/views/vendor/backpack/ui/inc/menu_items.blade.php file

<x-backpack::menu-item :title="trans('backpack::base.dashboard')" icon="la la-home nav-icon"
                       :link="backpack_url('dashboard')"/>

<x-backpack::menu-dropdown :title="trans('CRUD')" icon="la la-database" :open="true">
    <x-backpack::menu-dropdown :title="trans('Address')" icon="la la-cubes" nested="true">
        <x-backpack::menu-dropdown-item :title="trans('Provinces')" icon="la la-table"
                                        :link="backpack_url('address/province')"/>
        <x-backpack::menu-dropdown-item :title="trans('Districts')" icon="la la-table"
                                        :link="backpack_url('address/district')"/>
        <x-backpack::menu-dropdown-item :title="trans('Wards')" icon="la la-table"
                                        :link="backpack_url('address/ward')"/>
    </x-backpack::menu-dropdown>

    <x-backpack::menu-dropdown :title="trans('Study')" icon="la la-cubes" nested="true">
        <x-backpack::menu-dropdown-item :title="trans('Courses')" icon="la la-table"
                                        :link="backpack_url('study/course')"/>
        <x-backpack::menu-dropdown-item :title="trans('Subjects')" icon="la la-table"
                                        :link="backpack_url('study/subject')"/>
        <x-backpack::menu-dropdown-item :title="trans('Lessons')" icon="la la-table"
                                        :link="backpack_url('study/lesson')"/>
        <x-backpack::menu-dropdown-item :title="trans('Channels')" icon="la la-table"
                                        :link="backpack_url('study/channel')"/>
        <x-backpack::menu-dropdown-item :title="trans('Images')" icon="la la-table"
                                        :link="backpack_url('study/image')"/>
    </x-backpack::menu-dropdown>
</x-backpack::menu-dropdown>

<x-backpack::menu-dropdown :title="trans('Setting')" icon="la la-puzzle-piece" :open="true">
    <x-backpack::menu-dropdown :title="trans('User Management')" icon="la la-user" nested="true">
        <x-backpack::menu-dropdown-item :title="trans('backpack::permissionmanager.users')" icon="la la-user"
                                        :link="backpack_url('user')"/>
        <x-backpack::menu-dropdown-item :title="trans('backpack::permissionmanager.roles')" icon="la la-group"
                                        :link="backpack_url('role')"/>
        <x-backpack::menu-dropdown-item :title="trans('backpack::permissionmanager.permission_plural')" icon="la la-key"
                                        :link="backpack_url('permission')"/>
    </x-backpack::menu-dropdown>

    <x-backpack::menu-dropdown :title="trans('Bug Management')" icon="la la-bug" nested="true">
        <x-backpack::menu-dropdown-item title="Laravel Telescope" icon="la la-line-chart"
                                        :link="backpack_url('telescope')"/>
        <x-backpack::menu-dropdown-item :title="trans('backpack::logmanager.log_manager')" icon="la la-terminal"
                                        :link="backpack_url('log')"/>
    </x-backpack::menu-dropdown>

    <x-backpack::menu-dropdown :title="trans('Status Management')" icon="la la-file-code-o" nested="true">
        <x-backpack::menu-dropdown-item title="Laravel Pulse" icon="la la-line-chart" :link="backpack_url('pulse')"/>

        <x-backpack::menu-dropdown-item :title="ucfirst(trans('backpack.activity-log::activity_log.activity_logs'))"
                                        icon="la la-stream" :link="backpack_url('activity-log')"/>
        <x-backpack::menu-dropdown-item :title="trans('backpack::crud.file_manager')" icon="la la-files-o"
                                        :link="backpack_url('elfinder')"/>
        <x-backpack::menu-dropdown-item :title="trans('backpack::backup.backups')" icon="la la-hdd-o"
                                        :link="backpack_url('backup')"/>
    </x-backpack::menu-dropdown>

    <x-backpack::menu-dropdown-item :title="trans('Configs')" icon="la la-cog" :link="backpack_url('setting')"/>
</x-backpack::menu-dropdown>

What I expected to happen

Tasks for the 2nd Dropdown onwards work smoothly

What happened

Tasks for the 2nd Dropdown onwards do not work or cannot open/close child Dropdowns Quay phim màn hình từ 22-02-2024 19:23:29.webm

What I've already tried to fix it

The problem lies in the Css, find them!

Is it a bug in the latest version of Backpack?

After I run backpack composer update backpack/crud the error it still persists

Backpack, Laravel, PHP, DB version

When I run php artisan backpack:version the output is:

tringuyenduc2903 commented 4 months ago

Error in Drodown "Cài đặt"

karandatwani92 commented 4 months ago

Hey @pxpm

It seems like you are already working on the menu fix.

https://github.com/Laravel-Backpack/theme-tabler/tree/fix-nested-menus-on-tabler
Please consider this issue while fixing it.☝️
Another issue I'm facing is that 2nd level dropdown doesn't work on mobile:

chrome-capture-2024-1-22

pxpm commented 4 months ago

Hey @tringuyenduc2903

Like @karandatwani92 said we are already working on this, and tracking the different reported issues here: https://github.com/Laravel-Backpack/theme-tabler/issues/151 https://github.com/Laravel-Backpack/theme-tabler/issues/149 https://github.com/Laravel-Backpack/CRUD/issues/5418

I have a PR open in: https://github.com/Laravel-Backpack/theme-tabler/pull/159 where I am working towards fixing all those issues.

You can follow the progress there, will be closing this one for now.

Cheers

PS: @karandatwani92 that should be fixed too:

Laravel-Backpack / theme-tabler

[Bug] Tasks for 2nd Dropdown onwards do not work #158