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 @@
+
\ 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 @@
+
\ 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 @@
+
\ 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;