Multi-level (3rd) Sidebar Menu Dropdown doesn't works

[lamualfa]

Laravel version

9.39.0

PHP version

8.1.7

Voyager version

1.6

Database

MYSQL 8.0

Description

Due to the lock of the previous issue https://github.com/the-control-group/voyager/issues/2125, I created a new one to open a new discussion

Currently, the 3rd dropdown will trigger its parent dropdown to close. So you can't access all menus inside the 3rd dropdown.

Steps to reproduce

Create 4 nested menus in Menu Builder. More details https://github.com/the-control-group/voyager/issues/2125.

Expected behavior

We can access all menus inside the 3rd dropdown.

Screenshots

No response

Additional context

Related

• https://github.com/the-control-group/voyager/issues/2125
• https://github.com/the-control-group/voyager/issues/3806
• https://github.com/the-control-group/voyager/pull/3620

[lamualfa]

Temporary solution while waiting for PR https://github.com/the-control-group/voyager/pull/5714 to be merged

1. Edit the repositories field on your composer.json to:

{
  "repositories": [
    {
      "type": "vcs",
      "url": "https://github.com/lamualfa/voyager.git"
    }
  ]
}

You can create a new one if the repositories field doesn't exist.

2. Edit the tcg/voyager version on your composer.json to dev-fix-5713:

{
  "require": {
    "tcg/voyager": "dev-fix-5713"
  }
}

The dev-fix-5713 means that you tell the composer to install tcg/voyager from https://github.com/lamualfa/voyager/tree/fix-5713 instead.

3. Run composer update to update the tcg/voyager package.

The final composer.json file will looks like this:

{
  "repositories": [
    {
      "type": "vcs",
      "url": "https://github.com/lamualfa/voyager.git"
    }
  ],
  "require": {
    "tcg/voyager": "dev-fix-5713"
  }
}

References

• https://getcomposer.org/doc/05-repositories.md#vcs