how to do command enter and preventing enter from being sent to code editor? about react-textarea-code-editor HOT 7 OPEN

onKeyDown={(event) => {
+  event.preventDefault();
  console.log(">>>>");
}}

@TheBuilderJR https://codesandbox.io/embed/https-github-com-uiwjs-react-textarea-code-editor-issues-144-4yvoij?fontsize=14&hidenavigation=1&theme=dark

from react-textarea-code-editor.

I was looking at this package, and got the same issue. Linked codesandbox doesn't work for me (using Firefox/Linux (Pop!))
Enter events will still be sent and be added to the CodeEditor. The same onKeyDown eveent on a normal textarea works as expected though. So might be an issue with how onKeyDown is implemented on the CodeEditor?

from react-textarea-code-editor.

onKeyDown={(event) => {
+  event.preventDefault();
  console.log(">>>>");
+  return true
}}

@aleda145 Maybe it can solve your problem

from react-textarea-code-editor.

react-textarea-code-editor/src/index.tsx

Lines 95 to 99 in dedfb99

	onKeyDown: (evn) => {
	if (!other.onKeyDown || other.onKeyDown(evn) !== false) {
	shortcuts(evn);
	}
	},

onKeyDown={(event) => {
+  event.preventDefault();
  console.log(">>>>");
+  return true
}}

@aleda145 Maybe it can solve your problem

It doesn't work :/, same problem. Also tried adding event.stopPropagation();, didn't help either. My enter event is still sent to the codeEditor, creating a new line.

The following textArea works as expected for me

<textarea
  onKeyDown={(event) => {
    event.preventDefault();
  }}
></textarea>

Let me know if there anything you want from me to debug this!

Great package, I still use it! ⭐

I wanted it to run a SQL query on shift+Enter and not create a new line. But changed to ctrl+space instead, works just as well 😄 !

from react-textarea-code-editor.

Running into the same issue -- the event cannot be stopped. Any update here?

from react-textarea-code-editor.

Same issue.Any update?

from react-textarea-code-editor.

react-textarea-code-editor/src/index.tsx

Lines 95 to 99 in dedfb99

	onKeyDown: (evn) => {
	if (!other.onKeyDown || other.onKeyDown(evn) !== false) {
	shortcuts(evn);
	}
	},

onKeyDown={(event) => {
+  event.preventDefault();
  console.log(">>>>");
+  return true
}}

@aleda145 Maybe it can solve your problem

Maybe I don't understand what it means, haven't solved the problem yet?

@emptycrown @Haiqi-Wu @aleda145

from react-textarea-code-editor.