From 43236bed68527fea16c60d68be378bb3e4e4823d Mon Sep 17 00:00:00 2001
From: Jed Fox <git@twopointzero.us>
Date: Fri, 21 Feb 2020 22:51:34 -0500
Subject: [PATCH] Fix error with contentEditable (#803)

---
 src/components/ProjectName.tsx | 9 ++++++++-
 src/element/textWysiwyg.tsx    | 6 +++++-
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/src/components/ProjectName.tsx b/src/components/ProjectName.tsx
index f4022fbe..f0ed71d7 100644
--- a/src/components/ProjectName.tsx
+++ b/src/components/ProjectName.tsx
@@ -31,12 +31,19 @@ export class ProjectName extends Component<Props> {
       e.currentTarget.blur();
     }
   };
+  private makeEditable = (editable: HTMLSpanElement) => {
+    try {
+      editable.contentEditable = "plaintext-only";
+    } catch {
+      editable.contentEditable = "true";
+    }
+  };
 
   public render() {
     return (
       <span
         suppressContentEditableWarning
-        contentEditable={"plaintext-only" as any}
+        ref={this.makeEditable}
         data-type="wysiwyg"
         className="ProjectName"
         role="textbox"
diff --git a/src/element/textWysiwyg.tsx b/src/element/textWysiwyg.tsx
index cbd7e32f..6949e5dd 100644
--- a/src/element/textWysiwyg.tsx
+++ b/src/element/textWysiwyg.tsx
@@ -34,7 +34,11 @@ export function textWysiwyg({
   // But this solution has an issue — it allows to paste
   // multiline text, which is not currently supported
   const editable = document.createElement("div");
-  editable.contentEditable = "plaintext-only";
+  try {
+    editable.contentEditable = "plaintext-only";
+  } catch {
+    editable.contentEditable = "true";
+  }
   editable.tabIndex = 0;
   editable.innerText = initText;
   editable.dataset.type = "wysiwyg";