Don't bubble when metadata_button is clicked
diff --git a/javascript/extraNetworks.js b/javascript/extraNetworks.js
index 40818bb4970..742a3c2dbd7 100644
--- a/javascript/extraNetworks.js
+++ b/javascript/extraNetworks.js
@@ -132,12 +132,14 @@ function popup(contents){
     globalPopup.style.display = "flex";
 }
 
-function extraNetworksShowMetadata(text){
+function extraNetworksShowMetadata(event, text){
     elem = document.createElement('pre')
     elem.classList.add('popup-metadata');
     elem.textContent = text;
 
     popup(elem);
+    
+    event.stopPropagation()
 }
 
 function requestGet(url, data, handler, errorHandler){
diff --git a/modules/ui_extra_networks.py b/modules/ui_extra_networks.py
index 3cf8fcb6955..8418147b6de 100644
--- a/modules/ui_extra_networks.py
+++ b/modules/ui_extra_networks.py
@@ -150,7 +150,7 @@ def create_html_for_item(self, item, tabname):
         metadata_button = ""
         metadata = item.get("metadata")
         if metadata:
-            metadata_button = f"<div class='metadata-button' title='Show metadata' onclick='extraNetworksRequestMetadata({json.dumps(self.name)}, {json.dumps(item['name'])})'></div>"
+            metadata_button = f"<div class='metadata-button' title='Show metadata' onclick='extraNetworksRequestMetadata(event, {json.dumps(self.name)}, {json.dumps(item['name'])})'></div>"
 
         args = {
             "preview_html": "style='background-image: url(\"" + html.escape(preview) + "\")'" if preview else '',

Currently, clicking an extra network's metadata button also triggers the card's own onclick handler. This prevents that.
 
**Environment this was tested in**
 - OS: Windows 10
 - Browser: Edge 111.0.1661.44