[Bug] By clicking sub-level menu items

[blondie63]

Bug report

What I did

Using theme-tabler and vertical layout, when i click on a second level menu it closes the main level, why

What I expected to happen

It would be correct if the tree remained open with the selected item select as in the top level menus

What happened

2nd-level-menu-issue.mp4

What I've already tried to fix it

Asked to Backpack for Laravel Docs AI but I didn't get a helpful response

Context to replicate the bug - Backpack, Laravel, PHP, DB version

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

### PHP VERSION:
8.3.16

### PHP EXTENSIONS:
Core, date, libxml, openssl, pcre, sqlite3, zlib, bcmath, bz2, calendar, ctype, curl, dba, dom, hash, FFI, fileinfo, filter, ftp, gd, gettext, gmp, json, iconv, intl, SPL, ldap, mbstring, session, standard, odbc, pcntl, exif, mysqlnd, PDO, pdo_dblib, pdo_mysql, PDO_ODBC, pdo_pgsql, pdo_sqlite, pgsql, Phar, posix, pspell, random, readline, Reflection, mysqli, shmop, SimpleXML, soap, sockets, sodium, sysvmsg, sysvsem, sysvshm, tidy, tokenizer, xml, xmlreader, xmlwriter, xsl, zip, xdebug, Zend OPcache

### LARAVEL VERSION:
11.42.1.0

### BACKPACK PACKAGE VERSIONS:
backpack/basset: 1.3.6
backpack/calendar-operation: 1.0.12
backpack/crud: 6.7.53
backpack/devtools: 3.1.7
backpack/editable-columns: 3.0.11
backpack/filemanager: 3.0.10
backpack/generators: v4.0.7
backpack/language-switcher: 2.0.0
backpack/medialibrary-uploaders: 1.2.1
backpack/pro: 2.2.32
backpack/theme-tabler: 1.2.17

[backpack-ai-bot]

Based on the information provided in the knowledge sources, it appears that this issue with sub-level menu items in the Tabler theme has been reported and addressed. Let me provide you with the relevant information and solution:

The bug you're experiencing, where clicking on a second-level menu item closes the main level instead of keeping the tree open, was indeed a known issue with the Tabler theme in Backpack. This behavior was inconsistent across different themes.

According to Github Issue #868, this problem was fixed in version 1.2.7 of the Tabler theme. However, I notice that you're using version 1.2.17, which is more recent than the fix.

To resolve this issue, you should try the following steps:

1. Make sure you have the latest version of the Tabler theme installed. You can do this by running:

   composer update backpack/theme-tabler
   

2. After updating, clear your application cache:

   php artisan cache:clear
   php artisan view:clear
   

3. If you're using any kind of frontend build process (like webpack or vite), rebuild your assets.

If the issue persists after these steps, it's possible that there might be a conflict with custom JavaScript or CSS in your application, or there could be a new bug introduced in the latest version.

In that case, I would recommend reporting this issue on the Backpack community forum or the Backpack CRUD repository, providing details about your setup and steps to reproduce the problem.

If you need an immediate workaround while waiting for a fix, you could consider temporarily switching to the CoreUI v2 or v4 theme, which don't exhibit this behavior according to the information in the knowledge sources.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Github Issue (closed): [Bug] select2 filter disappears upon clicking
add nested menu dropdowns to crud
Github Issue (closed): [Bug] composer require backpack/calendar-operation failed : repository not found
Github Issue (closed): V6 multilevel menu items
Github Issue (closed): [Bug] Upgrade BackPack v5 to v6
Github Issue (closed): [4.0] Two point of menu selected after i use filter
Github Issue (closed): Strange behavior of drop-down menu elements
Github Issue (closed): [Bug] Loss of user management support area
Github Issue (closed): [Bug] select2_from_array in allows_multiple mode closes with each selection
Github Issue (closed): [Bug] In Brand new installation with v6 the sidebar menu collapse function doesn't work
Github Issue (closed): [Bug] Multi level menus not consistent across themes & inconsistent behaviour.
Github Issue (closed): [Bug] Dropdown doesn't expand when child menu item is active
Github Issue (closed): [Bug] Multi-level menu error

[karandatwani92]

Hey @blondie63

I switched to vertical themes in the demo to check and it is working fine. I rechecked locally, and it worked without a glitch.

Can you check on your end if some view inside resources/views/vendor/backpack/theme-tabler overrides the theme in your project?

[blondie63]

Hey @blondie63

I switched to vertical themes in the demo to check and it is working fine. I rechecked locally, and it worked without a glitch.

Can you check on your end if some view inside resources/views/vendor/backpack/theme-tabler overrides the theme in your project?

Hi @karandatwani92 sorry for delay, i've found a wrong override, just fixed ! Thanks