fix: wrap lines

sanity-io · Jan 16, 2023 · 301640e · 301640e
1 parent c151e95
commit 301640e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 6 deletions.
diff --git a/src/PreviewCode.tsx b/src/PreviewCode.tsx
@@ -1,4 +1,4 @@
-import React, {Suspense, useCallback, useEffect, useRef} from 'react'
+import React, {Suspense, useEffect, useRef} from 'react'
 import styled from 'styled-components'
 import {Box, Card} from '@sanity/ui'
 import {CodeInputValue} from './types'
@@ -34,10 +34,6 @@ export default function PreviewCode(props: PreviewCodeProps) {
     }
   }, [])
 
-  const handleEditorChange = useCallback(() => {
-    // do nothing when the editor changes
-  }, [])
-
   const {selection, schemaType: type} = props
   const fixedLanguage = type?.options?.language
 
@@ -51,7 +47,6 @@ export default function PreviewCode(props: PreviewCodeProps) {
           <Suspense fallback={<Card padding={2}>Loading code preview...</Card>}>
             <CodeMirror
               ref={aceEditorRef}
-              onChange={handleEditorChange}
               readOnly
               editable={false}
               value={selection?.code || ''}

diff --git a/src/codemirror/CodeMirrorProxy.tsx b/src/codemirror/CodeMirrorProxy.tsx
@@ -30,6 +30,7 @@ const CodeMirrorProxy = forwardRef<ReactCodeMirrorRef, CodeMirrorProps>((props,
       highlightLine({
         onHighlightChange,
       }),
+      EditorView.lineWrapping,
     ]
     if (languageExtension) {
       return [...baseExtensions, languageExtension]