Prevent adding new line on enter

tenyks · Mar 12, 2020 · 100ea9b · 100ea9b
1 parent 4dcafe3
commit 100ea9b
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/web/src/components/todo/ContentList.js b/web/src/components/todo/ContentList.js
@@ -79,8 +79,9 @@ export default function ({ notes, setNotes, isEditMode }) {
  updatedNoteItems.splice(index, 1);
  setNotes(updatedNoteItems);
  };
- const onKeyPressed = (index, keyCode) => {
- if (keyCode === 13) { // Enter pressed, create a new row item
+ const onKeyPressed = (index, event) => {
+ if (event.keyCode === 13) { // Enter pressed, create a new row item
+ event.preventDefault();
  var updatedNoteItems = Object.assign([], notes);
  updatedNoteItems = updatedNoteItems.filter(note => note.text !== "")
  updatedNoteItems.splice(index + 1, 0, { text: "", isCompleted: false });
@@ -164,7 +165,7 @@ function ContentListItem({
  value={text}
  placeholder={isEditMode ? "List Item" : ""}
  onChange={event => onTextChange(index, event.target.value)}
- onKeyDown={event => onKeyPressed(index, event.keyCode)}
+ onKeyDown={event => onKeyPressed(index, event)}
  onFocus={() => setFocussed(true)}
  onBlur={() => setFocussed(false)}
  autoFocus={isEmpty}