Fixed bug with event.path on Click

Author: SuperZombi

README.md

@@ -1,7 +1,7 @@
 <img src="github/images/icon.svg" width="25%" align="right">
 
 # Google Meet Helper
-<img src="https://shields.io/badge/version-v1.1-blue">
+<img src="https://shields.io/badge/version-v1.2-blue">
 
 ## Features:
   * Automatically join a meeting.
@@ -85,6 +85,10 @@
 
 
 ## List of changes:
+
+  ### 1.2:
+   * Fixed bug with Volume bar not displaying on click
+
   ### 1.1:
    * Fixed fullscreen hotkey conflict with chat
    * Added Picture in Picture feature

chrome/manifest.json

@@ -1,6 +1,6 @@
 {
    "manifest_version": 3,
-   "version": "1.1",
+   "version": "1.2",
    "name": "__MSG_extName__",
    "description": "__MSG_extDesc__",
    "default_locale": "en",

chrome/menu/options.html

@@ -93,7 +93,7 @@ <h2>__MSG_settings__</h2>
 		</a>
 
 		<span style="margin-top:2px;">
-			<img src="https://shields.io/badge/version-v1.1-blue">
+			<img src="https://shields.io/badge/version-v1.2-blue">
 		</span>
 	</p>
 

chrome/script.js

@@ -146,8 +146,9 @@ function in_meet_main(){
 				div.style.background = ""
 			})
 			document.body.addEventListener("mousedown", e=>{
-				if (e.path.includes(div)){
-					if (e.path.includes(div.querySelector("div"))){ return }
+				let path = event.path || (event.composedPath && event.composedPath());
+				if (path.includes(div)){
+					if (path.includes(div.querySelector("div"))){ return }
 					let result = div.querySelector("div").style.visibility == "hidden" ? "visible" : "hidden";
 					div.querySelector("div").style.visibility = result;
 					if (result == "visible"){

meet.user.js

@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name         Google Meet Helper
-// @version      1.1
+// @version      1.2
 // @description  Adds additional tools to Google Meets. Automatically join meetings, turn off the camera and microphone, and other.
 // @author       Super Zombi
 // @match        https://meet.google.com/*
@@ -241,7 +241,7 @@ GM_registerMenuCommand(get_message("settings"), ()=>{
 				<span style="margin-left:5px; ${dark_theme ? "color: #00c0ff;" : "color: blue;"}">GitHub</span>
 			</a>
 
-			<img style="margin-top:2px;" src="https://shields.io/badge/version-v1.1-blue">
+			<img style="margin-top:2px;" src="https://shields.io/badge/version-v1.2-blue">
 		</p>
 	`
 	div.appendChild(content)
@@ -455,8 +455,9 @@ function in_meet_main(){
 				div.style.background = ""
 			})
 			document.body.addEventListener("mousedown", e=>{
-				if (e.path.includes(div)){
-					if (e.path.includes(div.querySelector("div"))){ return }
+				let path = event.path || (event.composedPath && event.composedPath());
+				if (path.includes(div)){
+					if (path.includes(div.querySelector("div"))){ return }
 					let result = div.querySelector("div").style.visibility == "hidden" ? "visible" : "hidden";
 					div.querySelector("div").style.visibility = result;
 					if (result == "visible"){