Submenu items not shown after upgrade to 9.3.3 [#3260117]

Problem/Motivation

After upgrading from 9.3.2 to 9.3.3 the menu is broken. Only the parent items in menu is shown, not the sub-menus. It's impossible to access them when I point the mouse over the parent item.

Steps to reproduce

Upgraded to Drupal 9.3.3 from 9.3.2. I've used taxonomy and views pages in the menu. Se attached images of my Drupal installation between 9.3.2 and 9.3.3.

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

Comment	File	Size	Author
	Skjermdump fra 2022-01-24 14-20-32.png	126.65 KB	per-olav
	Skjermdump fra 2022-01-24 14-19-31.png	139.6 KB	per-olav

Comments

Comment #1

24 January 2022 at 13:35

per-olav created an issue. See original summary.

Comment #2

cilefen commented 24 January 2022 at 14:24

Status:	Active	» Postponed (maintainer needs more info)
Issue tags:		+Bug Smash Initiative

Does the browser console log show anything?

9.3.3 backported a jQuery UI security fix. What is the theme?

Comment #3

per-olav commented 25 January 2022 at 14:40

Thanks for your reply. I'm using the Olivero (included in core) as the theme. The browser console did log two errors:

Uncaught TypeError: document.querySelector(...) is null
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_Fwe9gkUhAzsMl8R6EaQYNHNAMKsS6RCLB1HF9g-WqaU.js:5941
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_Fwe9gkUhAzsMl8R6EaQYNHNAMKsS6RCLB1HF9g-WqaU.js:5946
js_Fwe9gkUhAzsMl8R6EaQYNHNAMKsS6RCLB1HF9g-WqaU.js:5941:12
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_Fwe9gkUhAzsMl8R6EaQYNHNAMKsS6RCLB1HF9g-WqaU.js:5941
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_Fwe9gkUhAzsMl8R6EaQYNHNAMKsS6RCLB1HF9g-WqaU.js:5946

Uncaught Error: Quick Edit could not associate the rendered entity field markup (with [data-quickedit-field-id="media/12/thumbnail/nb/media_library"]) with the corresponding rendered entity markup: no parent DOM node found with [data-quickedit-entity-id="media/12"]. This is typically caused by the theme's template for this entity type forgetting to print the attributes.
    processField https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:3092
    attach https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:3206
    attachBehaviors https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:289
    attachBehaviors https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:286
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:515
    listener https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:503
    domReady https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:510
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:514
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:517
js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:3092:13
    processField https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:3092
    forEach self-hosted:208
    attach https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:3206
    attachBehaviors https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:289
    forEach self-hosted:208
    attachBehaviors https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:286
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:515
    listener https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:503
    (Async: EventListener.handleEvent)
    domReady https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:510
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:514
    <anonymous> https://gerhard.vhl-historielag.com/sites/default/files/js/js_0AKSLl6YmVaH2bHMzMiYzeWgsv5ojIAoEjKTq3f6jh8.js:517

It's probably something related to the module "quick edit" and "media/12", if I read the log correctly.

Thanks for the help.

Comment #4

cilefen commented 25 January 2022 at 15:32

That is good information. Please turn off JavaScript and CSS aggregation and capture that again, so we can see the real asset filenames.

Comment #5

per-olav commented 25 January 2022 at 15:48

When I turn off JavaScript the issue is not shown anymore in the console log. I used about:config in Firefox to turn JS off. No difference here if CSS also is off.

Comment #6

per-olav commented 25 January 2022 at 15:56

Actually, I was able to click in the console log and the problem seems to be related to "search-block-form-2", which is deactivated.

document.querySelector('[data-drupal-selector="search-block-form-2"]').addEventListener('focusout', function (e) {
    if (!e.currentTarget.contains(e.relatedTarget)) {
      toggleSearchVisibility(false);
    }
  });

Reactivating the search block did fix the problem! But I'm not sure why? Do I really need to have this block activated?

Comment #7

per-olav commented 25 January 2022 at 16:45

I think everything is working again now. Restored the site from backup again. After removing the quickedit-module before upgrading, the sub-menus are working in D 9.3.3. Now I can deactivate the search-block. No more errors in console log.

Thanks for the help @cilefen! The console log was new to me, but very effective. Not really sure what the quickedit-module did, but I'm not using it so it's no issue for me.

Comment #8

cilefen commented 25 January 2022 at 16:58

Status:

Postponed (maintainer needs more info)

» Closed (cannot reproduce)

Thanks for following up.

Submenu items not shown after upgrade to 9.3.3