elias/strudel-docker
1
0
Fork 0
mirror of https://github.com/eliasstepanik/strudel-docker.git synced 2026-01-15 23:58:33 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: out of range error due to rerender

Browse Source
This commit is contained in:
Felix Roos 2023-06-30 22:40:02 +02:00
parent dc2ff83fa5
commit bd8ad1ed1b
1 changed files with 4 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/react/src/components/CodeMirror6.jsx
View File

@ -20,7 +20,7 @@ const flashField = StateField.define({
try {
for (let e of tr.effects) {
if (e.is(setFlash)) {
if (e.value) {
if (e.value && tr.newDoc?.length?.length > 0) {
const mark = Decoration.mark({ attributes: { style: `background-color: #FFCA2880` } });
flash = Decoration.set([mark.range(0, tr.newDoc.length)]);
} else {
@ -152,6 +152,8 @@ export default function CodeMirror({
return _extensions;
}, [keybindings, isAutoCompletionEnabled, isLineWrappingEnabled]);
const basicSetup = useMemo(() => ({ lineNumbers: isLineNumbersDisplayed }), [isLineNumbersDisplayed]);
return (
<div style={{ fontSize, fontFamily }} className="w-full">
<_CodeMirror
@ -161,7 +163,7 @@ export default function CodeMirror({
onCreateEditor={handleOnCreateEditor}
onUpdate={handleOnUpdate}
extensions={extensions}
basicSetup={{ lineNumbers: isLineNumbersDisplayed }}
basicSetup={basicSetup}
/>
</div>
);