css += 'width: 2px;'
css += 'margin-left: -1px;'
css += 'margin-right: -1px;'
-css += 'background: #000;'
-css += '-webkit-animation: 1s blink step-end infinite;'
-css += 'animation: 1s blink step-end infinite;'
+css += 'background: #444;'
+css += '-webkit-animation: blink 1s steps(2, start) infinite;'
+css += 'animation: blink 1s steps(2, start) infinite;'
css += '}'
-css += '@-webkit-keyframes "blink" {'
-css += 'from, to { background: #000; }'
-css += '50% { background: transparent; }'
+css += '@-webkit-keyframes blink {'
+css += 'to { visibility: hidden; }'
css += '}'
-css += '@keyframes "blink" {'
-css += 'from, to { background: #000; }'
-css += '50% { background: transparent; }'
+css += '@keyframes blink {'
+css += 'to { visibility: hidden; }'
css += '}'
# key codes:
when KEY_END
return false
when KEY_BACKSPACE
+ return false unless @cursor?
+ return false unless @cursor[1] > 0
+ @cursor[0].text = @cursor[0].text.substr(0, @cursor[1] - 1) + @cursor[0].text.substr(@cursor[1])
+ @cursor[0].el.nodeValue = @cursor[0].text
+ @move_cursor [@cursor[0], @cursor[1] - 1]
return false
when KEY_DELETE
return false