Merge pull request #3150 from PiyushChandra17/piyush/fix-edit-rename-using-keyboard

Fix edit rename using keyboard controls on SketchList && CollectionList

Author: raclim

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -140,6 +140,7 @@ const CollectionListRowBase = (props) => {
 
   const handleRenameEnter = (e) => {
     if (e.key === 'Enter') {
+      e.preventDefault();
       updateName();
       closeAll();
     }
@@ -187,7 +188,7 @@ const CollectionListRowBase = (props) => {
           <input
             value={renameValue}
             onChange={handleRenameChange}
-            onKeyUp={handleRenameEnter}
+            onKeyDown={handleRenameEnter}
             onBlur={handleRenameBlur}
             onClick={(e) => e.stopPropagation()}
             ref={renameInput}

client/modules/IDE/components/SketchList.jsx

@@ -64,6 +64,7 @@ class SketchListRowBase extends React.Component {
 
   handleRenameEnter = (e) => {
     if (e.key === 'Enter') {
+      e.preventDefault();
       this.updateName();
       this.closeRename();
     }
@@ -173,7 +174,7 @@ class SketchListRowBase extends React.Component {
           <input
             value={renameValue}
             onChange={this.handleRenameChange}
-            onKeyUp={this.handleRenameEnter}
+            onKeyDown={this.handleRenameEnter}
             onBlur={this.handleRenameBlur}
             onClick={(e) => e.stopPropagation()}
             ref={this.renameInput}