From dfae6e5d0f305f992a85a0d317c89d4b11d9139d Mon Sep 17 00:00:00 2001
From: ReznoRMichael <mic3arena@gmail.com>
Date: Sat, 30 Jan 2021 21:07:53 +0100
Subject: [PATCH] text area break words none

---
 docs/main.css     | 17 ++++++++++++++++-
 src/css/style.css | 17 ++++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/docs/main.css b/docs/main.css
index 0204918..d763e3d 100644
--- a/docs/main.css
+++ b/docs/main.css
@@ -243,7 +243,22 @@ textarea {
     margin: 0.5rem 2px 0.5rem 2px;
     overflow-x: hidden;
     overflow-y: scroll;
-    overflow-wrap: normal;
+    
+    /* These are technically the same, but use both */
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+
+    -ms-word-break: break-all;
+    /* This is the dangerous one in WebKit, as it breaks things wherever */
+    word-break: break-all;
+    /* Instead use this non-standard one: */
+    word-break: break-word;
+
+    /* Adds a hyphen where the word breaks, if supported (No Blink) */
+    -ms-hyphens: none;
+    -moz-hyphens: none;
+    -webkit-hyphens: none;
+    hyphens: none;
 }
 
 textarea:focus {
diff --git a/src/css/style.css b/src/css/style.css
index fa9b142..ec9c858 100644
--- a/src/css/style.css
+++ b/src/css/style.css
@@ -136,7 +136,22 @@ textarea {
     margin: 0.5rem 2px 0.5rem 2px;
     overflow-x: hidden;
     overflow-y: scroll;
-    overflow-wrap: normal;
+    
+    /* These are technically the same, but use both */
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+
+    -ms-word-break: break-all;
+    /* This is the dangerous one in WebKit, as it breaks things wherever */
+    word-break: break-all;
+    /* Instead use this non-standard one: */
+    word-break: break-word;
+
+    /* Adds a hyphen where the word breaks, if supported (No Blink) */
+    -ms-hyphens: none;
+    -moz-hyphens: none;
+    -webkit-hyphens: none;
+    hyphens: none;
 }
 
 textarea:focus {