From ee849dab8efb5ed65764b496e8d57529ed74a19e Mon Sep 17 00:00:00 2001
From: isUnknown <adrien.payet@outlook.com>
Date: Mon, 8 Dec 2025 12:27:15 +0100
Subject: [PATCH] fix: only show popup when clicking inside page template
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Filter clicks to only trigger ElementPopup for elements inside
.pagedjs_page, preventing popups from appearing when clicking
on wrapper elements like .pagedjs_pages.

Also adds lock/unlock SVG icons.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 public/assets/svg/arrow-left-double-line.svg | 1 +
 public/assets/svg/lock-line.svg              | 1 +
 public/assets/svg/lock-unlock-line.svg       | 1 +
 src/App.vue                                  | 5 +++--
 4 files changed, 6 insertions(+), 2 deletions(-)
 create mode 100644 public/assets/svg/arrow-left-double-line.svg
 create mode 100644 public/assets/svg/lock-line.svg
 create mode 100644 public/assets/svg/lock-unlock-line.svg

diff --git a/public/assets/svg/arrow-left-double-line.svg b/public/assets/svg/arrow-left-double-line.svg
new file mode 100644
index 0000000..9091346
--- /dev/null
+++ b/public/assets/svg/arrow-left-double-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M4.83582 12L11.0429 18.2071L12.4571 16.7929L7.66424 12L12.4571 7.20712L11.0429 5.79291L4.83582 12ZM10.4857 12L16.6928 18.2071L18.107 16.7929L13.3141 12L18.107 7.20712L16.6928 5.79291L10.4857 12Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/svg/lock-line.svg b/public/assets/svg/lock-line.svg
new file mode 100644
index 0000000..c8f7d93
--- /dev/null
+++ b/public/assets/svg/lock-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M19 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H5V9C5 5.13401 8.13401 2 12 2C15.866 2 19 5.13401 19 9V10ZM5 12V20H19V12H5ZM11 14H13V18H11V14ZM17 10V9C17 6.23858 14.7614 4 12 4C9.23858 4 7 6.23858 7 9V10H17Z"></path></svg>
\ No newline at end of file
diff --git a/public/assets/svg/lock-unlock-line.svg b/public/assets/svg/lock-unlock-line.svg
new file mode 100644
index 0000000..205f472
--- /dev/null
+++ b/public/assets/svg/lock-unlock-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M7 10H20C20.5523 10 21 10.4477 21 11V21C21 21.5523 20.5523 22 20 22H4C3.44772 22 3 21.5523 3 21V11C3 10.4477 3.44772 10 4 10H5V9C5 5.13401 8.13401 2 12 2C14.7405 2 17.1131 3.5748 18.2624 5.86882L16.4731 6.76344C15.6522 5.12486 13.9575 4 12 4C9.23858 4 7 6.23858 7 9V10ZM5 12V20H19V12H5ZM10 15H14V17H10V15Z"></path></svg>
\ No newline at end of file
diff --git a/src/App.vue b/src/App.vue
index 59bee17..81b2d0f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -91,8 +91,9 @@ const handleIframeClick = (event) => {
     return;
   }
 
-  // Otherwise handle as element click
-  if (element.tagName === 'BODY' || element.tagName === 'HTML') {
+  // Only show popup for elements inside the page template
+  const isInsidePage = element.closest('.pagedjs_page');
+  if (!isInsidePage) {
     elementPopup.value.close();
     pagePopup.value.close();
     return;