From e5ce31b30c7e33ce22a2be378f8a47aceb3a492e Mon Sep 17 00:00:00 2001
From: Joscha <joscha@plugh.de>
Date: Sat, 15 Feb 2025 13:37:35 +0100
Subject: [PATCH] Fix wrapping of wide notes

---
 README.md                        | 1 -
 gdn-app/src/components/CNote.vue | 6 +++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index c40c1be..891a920 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,6 @@ variations or spellings are incorrect.
 
 ## Todos
 
-- TODO Fix wide notes adding horizontal scroll bar
 - TODO Add history widget to top of screen
 - TODO Show pinned message at bottom of screen
 - TODO Gray out unusable sibling buttons when hovering over anchor note
diff --git a/gdn-app/src/components/CNote.vue b/gdn-app/src/components/CNote.vue
index 25eb7a4..f0ee9dd 100644
--- a/gdn-app/src/components/CNote.vue
+++ b/gdn-app/src/components/CNote.vue
@@ -219,7 +219,11 @@ async function onInsertEditorCopy(): Promise<void> {
       />
       <div
         v-else-if="note && note.text.trim().length > 0"
-        class="select-auto whitespace-pre-wrap px-1"
+        class="select-auto whitespace-pre-wrap text-wrap px-1"
+        style="
+          /* TODO Check https://github.com/tailwindlabs/tailwindcss/pull/12128 */
+          overflow-wrap: anywhere;
+        "
       >
         {{ note.text }}
       </div>