fix: CodeEditor - "Calls to EditorView.update are not allowed while an update is in progress" sentry fix

RohitRaj011 · RohitRaj011 · commit f9e500dd9de7 · 2025-04-07T14:49:48.000+05:30
diff --git a/src/Common/CodeMirror/Extensions/findAndReplace.tsx b/src/Common/CodeMirror/Extensions/findAndReplace.tsx
@@ -457,9 +457,11 @@ export const codeEditorFindReplace = (view: EditorView): Panel => {
     }
 
     const mount = () => {
-        const findField = document.querySelector('[data-code-editor-find]') as HTMLInputElement
-        findField?.focus()
-        findField?.select()
+        requestAnimationFrame(() => {
+            const findField = document.querySelector('[data-code-editor-find]') as HTMLInputElement
+            findField?.focus()
+            findField?.select()
+        })
     }
 
     const update = ({ transactions, docChanged, state, startState }: ViewUpdate) => {

Original file line number	Diff line number	Diff line change
`@@ -457,9 +457,11 @@ export const codeEditorFindReplace = (view: EditorView): Panel => {`
`457`	`457`	`}`
`458`	`458`
`459`	`459`	`const mount = () => {`
`460`		`- const findField = document.querySelector('[data-code-editor-find]') as HTMLInputElement`
`461`		`- findField?.focus()`
`462`		`- findField?.select()`
	`460`	`+ requestAnimationFrame(() => {`
	`461`	`+ const findField = document.querySelector('[data-code-editor-find]') as HTMLInputElement`
	`462`	`+ findField?.focus()`
	`463`	`+ findField?.select()`
	`464`	`+ })`
`463`	`465`	`}`
`464`	`466`
`465`	`467`	`const update = ({ transactions, docChanged, state, startState }: ViewUpdate) => {`