moparisthebest/mail
1
0
Fork 0
mirror of https://github.com/moparisthebest/mail synced 2024-12-24 08:18:48 -05:00
Code Issues Releases Wiki Activity

addressInput directive: prevent race conditions with focusMe directive, prevent loosing focus when hitting space in empty input field

Browse Source
This commit is contained in:
Mario Volke 2014-06-17 14:54:06 +02:00
parent 5a1b9c1af9
commit 29dfb9fe7e
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/js/controller/write.js
View File

@ -531,12 +531,14 @@ define(function(require) {
// catch space, comma, semicolon // catch space, comma, semicolon
e.preventDefault(); e.preventDefault();
// add next field only if current input is not empty
if(field[index].address) {
// create new field input // create new field input
addInput(field, scope); addInput(field, scope);
// find next input and focus // find next input and focus
var nextId = fieldName + (index + 1); var nextId = fieldName + (index + 1);
document.getElementById(nextId).focus(); document.getElementById(nextId).focus();
}
} else if ((code === 8 || code === 46) && !field[index].address && field.length > 1) { } else if ((code === 8 || code === 46) && !field[index].address && field.length > 1) {
// backspace, delete on empty input // backspace, delete on empty input
// remove input // remove input

2
src/tpl/write.html
View File

@ -14,7 +14,7 @@
<p field="to"> <p field="to">
<label>To:</label> <label>To:</label>
<span ng-repeat="recipient in to track by $index"> <span ng-repeat="recipient in to track by $index">
<input id="to{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" class="label" ng-class="{'label-blank': !recipient.address || recipient.secure === undefined, 'label-primary': recipient.secure === false}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(to, $index)" address-input="to" tabindex="1" ng-mouseover="getKeyId(recipient)" focus-me="state.lightbox === 'write' && writerTitle !== 'Reply'"> <input id="to{{$index}}" value="{{recipient.address}}" ng-model="recipient.address" ng-trim="false" class="label" ng-class="{'label-blank': !recipient.address || recipient.secure === undefined, 'label-primary': recipient.secure === false}" auto-size="recipient.address" spellcheck="false" ng-change="onAddressUpdate(to, $index)" address-input="to" tabindex="1" ng-mouseover="getKeyId(recipient)" focus-me="$index === 0 && state.lightbox === 'write' && writerTitle !== 'Reply'">
</span> </span>
</p> </p>
<p field="cc" ng-show="showCC === true"> <p field="cc" ng-show="showCC === true">