I am working with Drupal Version 10.2.6 and PHP Version 8.1.28

Menu item with submenu is activated.
checkbox to show subitems is clicked.
Submenu items are child items.

But there is no arrow shown and no submenu on mouseover or click.
only the highlighting/color change is working with mouseover.

no error message in protocoll.

I tired it with different browsers.

CommentFileSizeAuthor
#7 3445360_block.png71.42 KBdanrod
#7 3445360_menu1.png710.06 KBdanrod

Issue fork estore-3445360

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

JankaP created an issue. See original summary.

niharika.s’s picture

niharika.s commented
Assigned: Unassigned » niharika.s
niharika.s’s picture

niharika.s commented
Assigned: niharika.s » Unassigned
danrod’s picture

danrod
Location Ottawa
commented
Assigned: Unassigned » danrod

Thanks @jankap , yes, I saw this issue myself, I'm assigning this task myself in order to fix it.

danrod’s picture

danrod
Location Ottawa
commented

Hello @jankap, which Drupal version are you using, I'm afraid the issue is related with this

Uncaught Error: Bootstrap's JavaScript requires jQuery version 1.9.1 or higher, but lower than version 4
    at bootstrap.js:15:11
    at bootstrap.js:17:2

I'm using Drupal 11.1.1, this means that all the bootstrap functionality is basically not working here, I'll try on a D10 instance to see if it works.

Meanwhile I'll find a way to fix the menus, at least with custom JS code.

danrod opened merge request !22

danrod’s picture

danrod
Location Ottawa
commented
StatusFileSize
new 3445360_menu1.png710.06 KB
new 3445360_block.png71.42 KB

I applied some temporary Javascript and some block configuration and it seems to work now:

Theme Menu

In the block menu settings, you will need to set these options and it should work after that

Block Menu settings

I'll set this task to "Needs Review" for a bit, I believe needs further testing.

danrod’s picture

danrod
Location Ottawa
commented
Status: Active » Needs review
danrod’s picture

danrod
Location Ottawa
commented
Assigned: danrod » Unassigned
danrod’s picture

danrod
Location Ottawa
commented

I'll merge this to the 2.2.x branch, I made some fixes in the Desktop & Mobile menu and works much better. Please guys review, I'll mark this as "Fixed", if any other issues appear, please let me know and I re-open the task.

danrod’s picture

danrod
Location Ottawa
commented
Status: Needs review » Fixed
danrod’s picture

danrod
Location Ottawa
commented

I removed the temporary JS class for fixing the BS3 - JQuery4 not working great together and used a forked version of Bootstrap 3 in this issue here: https://www.drupal.org/project/estore/issues/3522884

Already merged into the 2.2.x branch

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.