Enter (submit) when editing an item ends the edit.

absoludity · Aug 14, 2012 · 39c39e2 · sindresorhus · Aug 14, 2012 · 39c39e2
1 parent aa54820
commit 39c39e2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/labs/architecture-examples/derbyjs/src/todos/index.coffee b/labs/architecture-examples/derbyjs/src/todos/index.coffee
@@ -84,7 +84,10 @@ ready (model) ->
 		group.set('select_all', false)
 
 	exports.endEdit = (e) ->
-		item = model.at(e.target)
+		target = e.target
+		if target.tagName == "FORM"
+			target.firstChild.blur()
+		item = model.at(target)
 		item.set('_editing', false)
 		text = item.get('text').trim()
 		if not text

diff --git a/labs/architecture-examples/derbyjs/views/todos/index.html b/labs/architecture-examples/derbyjs/views/todos/index.html
@@ -37,7 +37,9 @@ <h1>todos</h1>
 	<li data-id={{id}} class="{#if .completed}completed{else}active{/}{#if ._editing} editing{/}">
 		<div>
 			<input class="toggle" type="checkbox" checked={.completed}>
+			<form x-bind=submit:endEdit>
 			<input class="text" x-bind="focus:startEdit, blur:endEdit" value="{.text}">
+			</form>
 			<button class="destroy" x-bind=click:del></button>
 		</div>
   </li>