From: Adam Dullage <redacted>
Date: Sat, 25 May 2024 05:50:11 +0000 (+0200)
Subject: Resolve issue toggling checkboxes in WYSIWYG view
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=d9c1526432d8860a01512ac81e7b54afa9b51b9a;p=flatnotes.git

Resolve issue toggling checkboxes in WYSIWYG view
---

diff --git a/client/components/toastui/toastui-editor-overrides.scss b/client/components/toastui/toastui-editor-overrides.scss
index 81665e7..685379b 100644
--- a/client/components/toastui/toastui-editor-overrides.scss
+++ b/client/components/toastui/toastui-editor-overrides.scss
@@ -1,11 +1,3 @@
-// Disable checkboxes in view mode. See https://github.com/nhn/tui.editor/issues/1087.
-.toastui-editor-contents li.task-list-item {
-  pointer-events: none;
-  a {
-    pointer-events: auto;
-  }
-}
-
 .ProseMirror,
 .toastui-editor-defaultUI .ProseMirror,
 .toastui-editor-md-container .toastui-editor-md-preview {
diff --git a/client/views/Note.vue b/client/views/Note.vue
index adb37e3..69ca630 100644
--- a/client/views/Note.vue
+++ b/client/views/Note.vue
@@ -86,7 +86,11 @@
 
     <!-- Content -->
     <div class="flex-1">
-      <ToastViewer v-if="!editMode" :initialValue="note.content" />
+      <ToastViewer
+        v-if="!editMode"
+        :initialValue="note.content"
+        class="toast-viewer"
+      />
       <ToastEditor
         v-if="editMode"
         ref="toastEditor"
@@ -99,6 +103,17 @@
   </LoadingIndicator>
 </template>
 
+<style>
+/* Disable checkboxes in view mode. See https://github.com/nhn/tui.editor/issues/1087. */
+.toast-viewer li.task-list-item {
+  pointer-events: none;
+}
+.toast-viewer li.task-list-item a {
+  pointer-events: auto;
+}
+</style>
+
+
 <script setup>
 import { mdiNoteOffOutline } from "@mdi/js";
 import {