From dc77d5657399d3b738a1c16abba20a312690a6ba Mon Sep 17 00:00:00 2001
From: Eli Ribble <eli@gleipnir.technology>
Date: Fri, 30 Jan 2026 22:39:43 +0000
Subject: [PATCH] Wire up button click on photo input

---
 html/static/js/photo-upload.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/html/static/js/photo-upload.js b/html/static/js/photo-upload.js
index 3759e286..0e277ed0 100644
--- a/html/static/js/photo-upload.js
+++ b/html/static/js/photo-upload.js
@@ -75,7 +75,7 @@ class PhotoUpload extends HTMLElement {
 				</svg>
 				<div class="file-upload-container" id="photoDropArea">
 					<input type="file" id="photos" name="photos" class="d-none" accept="image/*" multiple>
-					<button type="button" class="btn btn-outline-primary mb-2" onclick="document.getElementById('photos').click()">Add Photos</button>
+					<button type="button" class="btn btn-outline-primary mb-2" onclick="this.getRootNode().handleButtonClick()">Add Photos</button>
 				</div>
 				<small class="d-block text-muted">Take pictures of the mosquito problem area</small>
 
@@ -88,6 +88,10 @@ class PhotoUpload extends HTMLElement {
 
 		// Set the shadow DOM content
 		this.shadowRoot.innerHTML = style + html;
+		this.shadowRoot.handleButtonClick = () => {
+			const photoInput = this.shadowRoot.querySelector('#photos');
+			photoInput.click();
+		};
 	}
 	/**
 	 * Handle photo selection and preview