feat: disable preview panel buttons in read-only mode

ijbo · ijbo · commit 010487876726 · 2026-03-18T03:02:59.000+09:00
- Block all buttons inside #markdown-preview (remove, run, fill, open, etc.)
- Extend click interceptor to show toast for preview button clicks
- Uses blanket selector for future-proof coverage
diff --git a/changelogs/CHANGELOG-readonly-lockdown.md b/changelogs/CHANGELOG-readonly-lockdown.md
@@ -10,12 +10,14 @@ Enforces true read-only mode when viewing shared documents. Previously only the
 
 ### styles.css
 - Added `body.editor-readonly` CSS rules targeting all editing buttons (`.fmt-btn`, tag buttons, QAB write controls, find/replace, dropzone)
+- Added `body.editor-readonly #markdown-preview button` to disable ALL interactive buttons in the preview panel (remove-tag, run, preview, fill, open, close, etc.)
 - Disabled buttons show `opacity: 0.35`, `cursor: not-allowed`, and `user-select: none` with `!important`
 
 ### js/cloud-share.js
 - `showSharedBanner()`: adds `editor-readonly` class to `<body>` alongside `readOnly = true`
 - `hideSharedBanner()`: removes `editor-readonly` class alongside `readOnly = false`
 - Added capturing click interceptor for disabled buttons — shows "🔒 Read-only mode — editing is disabled" toast
+- Click interceptor also covers all buttons inside `#markdown-preview`
 
 ### js/editor-features.js
 - Added `if (M.markdownEditor.readOnly) return;` guard to 7 core functions:
diff --git a/js/cloud-share.js b/js/cloud-share.js
@@ -459,7 +459,9 @@
                     '#qab-copy, .ai-action-chip, .ai-ctx-btn, ' +
                     '#replace-one, #replace-all, #qab-replace-one, #qab-replace-all'
                 );
-                if (target) {
+                // Also block any button inside the preview panel
+                var previewBtn = !target && e.target.closest('#markdown-preview button');
+                if (target || previewBtn) {
                     e.preventDefault();
                     e.stopImmediatePropagation();
                     if (M.showToast) M.showToast('🔒 Read-only mode — editing is disabled', 'warning');
diff --git a/styles.css b/styles.css
@@ -6430,7 +6430,8 @@ body.editor-readonly #replace-one,
 body.editor-readonly #replace-all,
 body.editor-readonly #qab-replace-one,
 body.editor-readonly #qab-replace-all,
-body.editor-readonly .dropzone-wrapper {
+body.editor-readonly .dropzone-wrapper,
+body.editor-readonly #markdown-preview button {
   opacity: 0.35 !important;
   cursor: not-allowed !important;
   user-select: none !important;
