From 2fb2e1468e2a5efcdea3f3aaec1b1a330665aa37 Mon Sep 17 00:00:00 2001
From: Patrick Mulligan <patjmulligan@protonmail.com>
Date: Fri, 7 Aug 2026 22:54:02 +0200
Subject: [PATCH] fix(ui): explicit closing tags for q-input/q-select (in-DOM
 template)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

LNbits' UMD/global Vue compiles the template from already-parsed DOM, and the
browser does not self-close unknown custom elements — so <q-input ... /> nested
each following field inside the previous one, overlapping the dialog inputs.
Use explicit </q-input> / </q-select>. config.json -> 0.0.2.
---
 config.json                 |  2 +-
 templates/access/index.html | 19 ++++++++++++-------
 2 files changed, 13 insertions(+), 8 deletions(-)

diff --git a/config.json b/config.json
index 805b093..4a86116 100644
--- a/config.json
+++ b/config.json
@@ -2,7 +2,7 @@
   "name": "Access",
   "short_description": "NFC door access — authorize Bolt Card taps and unlock via Home Assistant",
   "tile": "/access/static/image/access.png",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "min_lnbits_version": "1.3.0",
   "contributors": [
     {
diff --git a/templates/access/index.html b/templates/access/index.html
index e6da096..fc77efb 100644
--- a/templates/access/index.html
+++ b/templates/access/index.html
@@ -137,21 +137,26 @@
   <q-dialog v-model="doorDialog.show">
     <q-card class="q-pa-lg" style="min-width: 420px">
       <h6 class="q-mt-none">New door</h6>
-      <q-input v-model="doorDialog.data.name" label="Name" filled dense />
+      <q-input
+        v-model="doorDialog.data.name"
+        label="Name"
+        filled
+        dense
+      ></q-input>
       <q-input
         v-model="doorDialog.data.ha_webhook_url"
         label="Home Assistant webhook URL (local)"
         filled
         dense
         class="q-mt-sm"
-      />
+      ></q-input>
       <q-input
         v-model="doorDialog.data.boltcards_base_url"
         label="boltcards API base (blank = this instance)"
         filled
         dense
         class="q-mt-sm"
-      />
+      ></q-input>
       <q-input
         v-model.number="doorDialog.data.unlock_timeout_ms"
         type="number"
@@ -159,7 +164,7 @@
         filled
         dense
         class="q-mt-sm"
-      />
+      ></q-input>
       <div class="row q-mt-md q-gutter-sm justify-end">
         <q-btn flat v-close-popup>Cancel</q-btn>
         <q-btn unelevated color="primary" @click="createDoor">Create</q-btn>
@@ -178,21 +183,21 @@
         dense
         emit-value
         map-options
-      />
+      ></q-select>
       <q-input
         v-model="grantDialog.data.external_id"
         label="Card external_id (from boltcards)"
         filled
         dense
         class="q-mt-sm"
-      />
+      ></q-input>
       <q-input
         v-model="grantDialog.data.label"
         label="Label (optional)"
         filled
         dense
         class="q-mt-sm"
-      />
+      ></q-input>
       <div class="row q-mt-md q-gutter-sm justify-end">
         <q-btn flat v-close-popup>Cancel</q-btn>
         <q-btn unelevated color="primary" @click="createGrant">Create</q-btn>