Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

馃悶 Mega Menu click outside does not close #22686

Open
2 of 5 tasks
uwaika opened this issue Jun 6, 2023 · 10 comments
Open
2 of 5 tasks

馃悶 Mega Menu click outside does not close #22686

uwaika opened this issue Jun 6, 2023 · 10 comments
Labels
bug Indicates a bug with one or multiple components. mod/e* mod* product/pro Indicates if the referenced component is part of the Elementor Pro plugin. widget/nested/menu References the (nested) (mega) Menu (Pro) widget.

Comments

@uwaika
Copy link

uwaika commented Jun 6, 2023 •
edited by nicholaszein

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

When using mega menu (click to open option) the mega menu doesn't hide/close when I'm clicking outside of the menu.
It only close when I clicking back to the menu or choosing another menu item.

Steps to reproduce

1/ Create mega menu
2/ Open mega menu with click to open option
3/ Click outside the mega menu

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a Blank WordPress theme active (Hello theme).
  • I can reproduce this bug consistently following the steps above.

System Info

System Info 
					
== Server Environment ==
	Operating System: Linux
	Software: Apache
	MySQL version: MariaDB Server v10.6.12
	PHP Version: 7.4.33
	PHP Memory Limit: 1024M
	PHP Max Input Vars: 250000
	PHP Max Post Size: 512M
	GD Installed: Yes
	ZIP Installed: Yes
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 6.2.2
	Site URL: https://www.alexandre.toybox-design.fr
	Home URL: https://www.alexandre.toybox-design.fr
	WP Multisite: No
	Max Upload Size: 512 Mo
	Memory limit: 40M
	Max Memory limit: 1024M
	Permalink Structure: /%year%/%monthnum%/%day%/%postname%/
	Language: fr-FR
	Timezone: 0
	Admin Email: [REDACTED]
	Debug Mode: Inactive

== Theme ==
	Name: Hello Elementor Child
	Version: 1.0.1
	Author: Elementor Team
	Child Theme: Yes
	Parent Theme Name: Hello Elementor
	Parent Theme Version: 2.7.1
	Parent Theme Author: Elementor Team

== User ==
	Role: administrator
	WP Profile lang: fr_FR
	User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/113.0.0.0 Safari/537.36

== Active Plugins ==
	Advanced Custom Fields PRO
		Version: 6.1.6
		Author: WP Engine

	Classic Editor
		Version: 1.6.3
		Author: WordPress Contributors

	Custom CSS Pro
		Version: 1.0.7
		Author: WaspThemes

	Disable Admin Notices Individually
		Version: 1.3.3
		Author: Creative Motion <info@cm-wp.com>

	Duplicate Page
		Version: 4.5.2
		Author: mndpsingh287

	Dynamic.ooo - Dynamic Content for Elementor
		Version: 2.9.4
		Author: Dynamic.ooo

	Elementor
		Version: 3.13.4
		Author: Elementor.com

	Elementor Pro
		Version: 3.13.2
		Author: Elementor.com

	Insert PHP Code Snippet
		Version: 1.3.3
		Author: xyzscripts.com

	Safe SVG
		Version: 2.1.1
		Author: 10up

	UpdraftPlus - Backup/Restore
		Version: 1.23.4
		Author: UpdraftPlus.Com, DavidAnderson

	WordPress Importer
		Version: 0.8.1
		Author: wordpressdotorg

	WP Rocket
		Version: 3.13.3
		Author: WP Media

	Yoast SEO
		Version: 20.8
		Author: Team Yoast


== Utilisation des 茅l茅ments ==
	
	archive : 2
		button : 1
		container : 10
		dce-dynamicposts-v2 : 2
		heading : 7
		image : 2
		social-icons : 1
		taxonomy-terms-menu : 1
		text-editor : 4
		theme-post-title : 1
	footer : 2
		button : 4
		container : 14
		heading : 9
		icon-list : 3
		image : 1
		social-icons : 1
		spacer : 1
		text-editor : 2
	header : 2
		button : 2
		container : 156
		heading : 4
		icon-list : 6
		image : 40
		mega-menu : 3
		shortcode : 1
		social-icons : 2
		text-editor : 86
	popup : 1
		container : 1
		icon : 1
		nav-menu : 1
	section : 2
		container : 14
		heading : 8
		icon-list : 3
		image : 1
		mega-menu : 1
		price-list : 7
		text-editor : 7
	wp-page : 19
		button : 97
		container : 499
		dce-dynamicposts-v2 : 2
		form : 1
		google_maps : 2
		heading : 183
		icon-list : 18
		image : 151
		loop-carousel : 3
		media-carousel : 7
		nested-tabs : 1
		price-list : 4
		shortcode : 3
		social-icons : 1
		taxonomy-terms-menu : 1
		text-editor : 239
		toggle : 1
	single-post : 1
		button : 1
		container : 14
		dce-dynamicposts-v2 : 1
		heading : 5
		image : 1
		post-comments : 1
		share-buttons : 2
		social-icons : 1
		taxonomy-terms-menu : 1
		text-editor : 4
		theme-post-content : 1
		theme-post-featured-image : 1
		theme-post-title : 1
	loop-item : 1
		container : 1
		heading : 1
		image : 1
		theme-post-content : 1


== R茅glages ==
	
	cpt_support: post, page
	allow_tracking: yes
	unfiltered_files_upload: 1
	font_display: swap


== Fonctionnalit茅s ==
	Custom Fonts: 0
	Custom Icons: 0

== Int茅grations ==
	


== Exp茅riences d鈥橢lementor ==
	Sortie DOM optimis茅e: Actif
	Am茅lioration du chargement des ressources: Actif
	Optimisation du chargement du CSS: Actif
	Ic么nes de police 芦聽inline聽禄: Actif
	Am茅liorations de l鈥檃ccessibilit茅: Actif
	Points d鈥檃rr锚t personnalis茅s suppl茅mentaires: Actif
	admin_menu_rearrangement: Inactif par d茅faut
	Conteneur Flexbox: Actif
	Mettre 脿 niveau la biblioth猫que Swiper: Actif
	Grid Container: Actif
	Par d茅faut vers le Nouveau constructeur de th猫me: Actif
	En-t锚te et pied de page du th猫me Hello: Actif
	Editor Top Bar: Actif
	Page d鈥檃tterrissage: Actif
	脡l茅ments imbriqu茅s: Actif
	Chargement diff茅r茅 des images d鈥檃rri猫re-plan: Inactif
	Transitions des pages: Actif
	Notes: Actif
	Boucle: Actif
	Envois de formulaire: Actif
	Accroche de d茅filement: Actif
	Menu: Actif


== Journal ==
	
Log: showing 20 of 312023-05-15 14:15:07 [info] elementor-pro::elementor_pro_updater Started 
2023-05-15 14:15:07 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-05-15 14:15:07 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-05-15 14:15:07 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.12.0-beta3',
  'to' => '3.13.1',
)]
2023-05-15 14:15:07 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.12.0-beta3',
  'to' => '3.13.1',
)]
2023-05-21 07:21:31 [info] elementor::elementor_updater Started 
2023-05-21 07:21:31 [info] Elementor/Upgrades - _on_each_version Start  
2023-05-21 07:21:32 [info] Elementor/Upgrades - _on_each_version Finished 
2023-05-21 07:21:32 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.13.0-dev4',
  'to' => '3.13.2',
)]
2023-05-21 07:21:32 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.13.0-dev4',
  'to' => '3.13.2',
)]
2023-05-29 13:15:30 [info] elementor::elementor_updater Started 
2023-05-29 13:15:30 [info] Elementor/Upgrades - _on_each_version Start  
2023-05-29 13:15:30 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.13.2',
  'to' => '3.13.4',
)]
2023-05-29 13:15:31 [info] Elementor/Upgrades - _on_each_version Finished 
2023-05-29 13:15:31 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.13.2',
  'to' => '3.13.4',
)]
2023-05-30 07:33:04 [info] elementor-pro::elementor_pro_updater Started 
2023-05-30 07:33:04 [info] Elementor Pro/Upgrades - _on_each_version Start  
2023-05-30 07:33:04 [info] Elementor Pro/Upgrades - _on_each_version Finished 
2023-05-30 07:33:04 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.13.1',
  'to' => '3.13.2',
)]
2023-05-30 07:33:04 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor Pro',
  'from' => '3.13.1',
  'to' => '3.13.2',
)]

PHP: showing 5 of 5PHP: 2023-03-27 18:55:35 [notice X 27][/home2/chma4435/sites/alexandre/wp-content/plugins/elementor/core/common/modules/ajax/module.php::175] Undefined index: data [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-05-21 06:05:39 [notice X 366][/home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/modules/dynamic-tags/tags/post-featured-image.php::36] Trying to access array offset on value of type bool [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-05-22 07:50:28 [notice X 1][/home2/chma4435/sites/alexandre/wp-content/plugins/elementor/modules/history/revisions-manager.php::363] Trying to access array offset on value of type null [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2023-05-22 11:18:06 [notice X 13][/home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php::150] Undefined index: condition_type [array (
  'trace' => '
#0: /home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(150): Elementor\Core\Logger\Manager -> rest_error_handler()
#1: ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_template_json_item()
#2: /home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(120): class type array_map()
#3: /home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/core/app/modules/site-editor/data/endpoints/templates.php(59): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> normalize_templates_json()
#4: /home2/chma4435/sites/alexandre/wp-content/plugins/elementor/data/base/endpoint.php(158): ElementorPro\Core\App\Modules\SiteEditor\Data\Endpoints\Templates -> get_items()
',
)]
PHP: 2023-05-29 13:19:09 [notice X 1][/home2/chma4435/sites/alexandre/wp-content/plugins/elementor-pro/modules/theme-builder/classes/conditions-manager.php::171] Undefined index: editor_post_id [array (
  'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

JS: showing 6 of 6JS: 2023-03-27 18:59:33 [error X 4][https://www.alexandre.toybox-design.fr/wp-content/plugins/elementor/assets/js/df16c9d56464dd4f0800.bundle.min.js:2:7826] Cannot read properties of null (reading 'dataset') 
JS: 2023-03-27 20:12:51 [error X 6][https://www.alexandre.toybox-design.fr/wp-includes/js/jquery/jquery.min.js?ver=3.6.1:2:51824] Cannot read properties of undefined (reading 'replace') 
JS: 2023-05-21 06:03:31 [error X 4][https://www.alexandre.toybox-design.fr/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.13.0-dev4:3:795477] Cannot read properties of undefined (reading 'localized') 
JS: 2023-05-22 06:24:46 [error X 1][https://www.alexandre.toybox-design.fr/wp-content/plugins/elementor/assets/js/web-cli.min.js?ver=3.13.2:3:82314] Data commands: `` not found. 
JS: 2023-05-30 10:03:10 [error X 1][https://www.alexandre.toybox-design.fr/wp-content/plugins/elementor/assets/lib/backbone/backbone.marionette.min.js?ver=2.4.5.e1:24:19952] View (cid: "view83036") has already been destroyed and cannot be used. 
JS: 2023-06-05 12:55:41 [error X 3][https://www.alexandre.toybox-design.fr/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.13.4:3:634710] Cannot read properties of undefined (reading 'isDesignable') 



== Elementor - Compatibility Tag ==
	
	Dynamic.ooo - Dynamic Content for Elementor: Compatibilit茅 non sp茅cifi茅e
	Elementor Pro: Compatibilit茅 non sp茅cifi茅e

== Elementor Pro - Compatibility Tag ==
@uwaika uwaika added the status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. label Jun 6, 2023
@nicholaszein nicholaszein changed the title Mega Menu click outside does not close [馃 Evaluating] 馃悶 Bug Report: Mega Menu click outside does not close Jun 15, 2023
@nicholaszein nicholaszein added bug Indicates a bug with one or multiple components. product/pro Indicates if the referenced component is part of the Elementor Pro plugin. widget/nested/menu References the (nested) (mega) Menu (Pro) widget. mod* and removed status/awaiting_triage Indicates when an Issue, Pull Request, or Discussion awaits to be triaged. labels Jun 15, 2023
@nicholaszein
Copy link
Contributor

Hello @uwaika!

Thank you for submitting your issue! 馃檹

Please allow us some time to investigate it, and get back to you with our findings. 馃

Best regards

@hannif92
Copy link

hannif92 commented Jul 1, 2023

Prerequisites

  • I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
  • The issue still exists against the latest stable version of Elementor.

Description

When using mega menu (click to open option) the mega menu doesn't hide/close when I'm clicking outside of the menu. It only close when I clicking back to the menu or choosing another menu item.

Steps to reproduce

1/ Create mega menu 2/ Open mega menu with click to open option 3/ Click outside the mega menu

Isolating the problem

  • This bug happens with only Elementor plugin active (and Elementor Pro).
  • This bug happens with a Blank WordPress theme active (Hello theme).
  • I can reproduce this bug consistently following the steps above.

System Info

System Info

having the same issue...

@lensbreak
Copy link

+1

1 similar comment
@TAGdevelop
Copy link

+1

@aalandes
Copy link

aalandes commented Aug 6, 2023

+1 Same issue here - a true UX nightmare!

@lensbreak
Copy link

Also PLEASE @nicholaszein do not close other really important UX issues here on github like #22391 that really need to be addressed to make MegaMenu usable.
I hope its not another case where we wait 6 months...

@nicholaszein
Copy link
Contributor

nicholaszein commented Aug 9, 2023 •
edited

@lensbreak i closed the issue because it's not a bug. It's just something that is not supported yet.

Issues are reserved only for bug reports.

We make it clear that we may close issues that do not comply with our guidelines.

The Mega Menu is getting a good review treatment. And we will not just fix bugs, but also continue improving it.

Just because we don't answer all comments (there are 10s per day), doesn't mean we aren't doing something about them, or not aware of them.

Ideally it would be great if I were able to answer each and every single comment you guys make. That's my personal goal, and I hope to be able to achieve it eventually. But my focus is on triaging issues right now. The plan is to give all open issues proper labels and a solution (either closing them or setting up tasks for fixing those that can be validated), and triaging them is a taks that has priority. This means organizing stuff, closing issue that are not bugs, and redirecting feature request to their rightful place.

We are well aware of all bug reports, and we are working on them. 馃槈

Please be patient. And thank you for understanding. 馃檹

@nicholaszein
Copy link
Contributor

@lensbreak

When you create a duplicate of an issue that was closed, you just make it more time consuming to actually find a solution for real issues.

Please respect our guidelines. They were created to optimize our workflow process and reduce what you've been complaining about: the time it takes to fix bugs.

#23366

@XVII
Copy link

XVII commented Sep 25, 2023

This also impacts other widgets like the Full-screen Skin of the Search Form which causes the menu to appear on top of the search box, making it impossible to use without first closing the menu.

@forkanhossain
Copy link

forkanhossain commented Oct 7, 2023 •
edited

Please need this feature soon. It is important. I have a solution for this. You can check Repo Link

@nicholaszein nicholaszein changed the title [馃 Evaluating] 馃悶 Bug Report: Mega Menu click outside does not close 馃悶 Mega Menu click outside does not close Jan 11, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
bug Indicates a bug with one or multiple components. mod/e* mod* product/pro Indicates if the referenced component is part of the Elementor Pro plugin. widget/nested/menu References the (nested) (mega) Menu (Pro) widget.
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
8 participants
@XVII @forkanhossain @lensbreak @aalandes @TAGdevelop @uwaika @nicholaszein @hannif92