From 9d224c252fdb2377512acc26747613660adde20f Mon Sep 17 00:00:00 2001
From: Hassan Abouelela <hassan@hassanamr.com>
Date: Thu, 30 Jun 2022 01:32:45 +0400
Subject: Add Selectable Styles To Code Field (#469)

Adds the selectable CSS styles to the code field to fix a bug on safari
that prevented users from clicking into it and writing.

Thanks to Etzeitet & NoodleReaper for discovering this.

Signed-off-by: Hassan Abouelela <hassan@hassanamr.com>
---
 src/components/InputTypes/Code.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/components/InputTypes/Code.tsx b/src/components/InputTypes/Code.tsx
index 7112782..b0eddcb 100644
--- a/src/components/InputTypes/Code.tsx
+++ b/src/components/InputTypes/Code.tsx
@@ -8,6 +8,8 @@ import { EditorState } from "@codemirror/state";
 import { oneDark } from "@codemirror/theme-one-dark";
 import { EditorView, ViewUpdate } from "@codemirror/view";
 
+import { selectable } from "../../commonStyles";
+
 interface CodeProps {
     handler: (newContent: string) => void,
     questionId: string,
@@ -43,5 +45,5 @@ export default function Code(props: CodeProps): JSX.Element {
         return () => view.destroy();
     }, []);
 
-    return <div id={`${props.questionId}-code`} css={styles} />;
+    return <div id={`${props.questionId}-code`} css={[styles, selectable]} />;
 }
-- 
cgit v1.2.3