Replaced keyup with keydown events

src/components/ExplorerNode.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="explorer-node" :class="{'explorer-node--selected': isSelected, 'explorer-node--open': isOpen, 'explorer-node--drag-target': isDragTargetFolder}" @dragover.prevent @dragenter.stop="setDragTarget(node.item.id)" @dragleave.stop="isDragTarget && setDragTargetId()" @drop.prevent.stop="onDrop" @contextmenu="onContextMenu">
     <div class="explorer-node__item-editor" v-if="isEditing" :class="['explorer-node__item-editor--' + node.item.type]" :style="{paddingLeft: leftPadding}" draggable="true" @dragstart.stop.prevent>
-      <input type="text" class="text-input" v-focus @blur="submitEdit()" @keyup.enter="submitEdit()" @keyup.esc="submitEdit(true)" v-model="editingNodeName">
+      <input type="text" class="text-input" v-focus @blur="submitEdit()" @keydown.enter="submitEdit()" @keydown.esc="submitEdit(true)" v-model="editingNodeName">
     </div>
     <div class="explorer-node__item" v-else :class="['explorer-node__item--' + node.item.type]" :style="{paddingLeft: leftPadding}" @click="select()" draggable="true" @dragstart.stop="setDragSourceId" @dragend.stop="setDragTargetId()">
       {{node.item.name}}
@@ -10,7 +10,7 @@
     <div class="explorer-node__children" v-if="node.isFolder && isOpen">
       <explorer-node v-for="node in node.folders" :key="node.item.id" :node="node" :depth="depth + 1"></explorer-node>
       <div v-if="newChild" class="explorer-node__new-child" :class="['explorer-node__new-child--' + newChild.item.type]" :style="{paddingLeft: childLeftPadding}">
-        <input type="text" class="text-input" v-focus @blur="submitNewChild()" @keyup.enter="submitNewChild()" @keyup.esc="submitNewChild(true)" v-model.trim="newChildName">
+        <input type="text" class="text-input" v-focus @blur="submitNewChild()" @keydown.enter="submitNewChild()" @keydown.esc="submitNewChild(true)" v-model.trim="newChildName">
       </div>
       <explorer-node v-for="node in node.files" :key="node.item.id" :node="node" :depth="depth + 1"></explorer-node>
     </div>

src/components/FindReplace.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="find-replace" @keyup.esc="onEscape">
+  <div class="find-replace" @keydown.esc="onEscape">
     <button class="find-replace__close-button button not-tabbable" @click="close()" v-title="'Close'">
       <icon-close></icon-close>
     </button>
     <div class="find-replace__row">
-      <input type="text" class="find-replace__text-input find-replace__text-input--find text-input" @keyup.enter="find('forward')" v-model="findText">
+      <input type="text" class="find-replace__text-input find-replace__text-input--find text-input" @keydown.enter="find('forward')" v-model="findText">
       <div class="find-replace__find-stats">
         {{findPosition}} of {{findCount}}
       </div>
@@ -21,7 +21,7 @@
     </div>
     <div v-if="type === 'replace'">
       <div class="find-replace__row">
-        <input type="text" class="find-replace__text-input find-replace__text-input--replace text-input" @keyup.enter="replace" v-model="replaceText">
+        <input type="text" class="find-replace__text-input find-replace__text-input--replace text-input" @keydown.enter="replace" v-model="replaceText">
       </div>
       <div class="find-replace__row flex flex--row flex--end">
         <button class="find-replace__button button" @click="replace">Replace</button>

src/components/Modal.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="modal" @keyup.esc="onEscape" @keydown.tab="onTab">
+  <div class="modal" @keydown.esc="onEscape" @keydown.tab="onTab">
     <file-properties-modal v-if="config.type === 'fileProperties'"></file-properties-modal>
     <settings-modal v-else-if="config.type === 'settings'"></settings-modal>
     <templates-modal v-else-if="config.type === 'templates'"></templates-modal>

src/components/NavigationBar.vue

@@ -17,13 +17,13 @@
       <!-- Title -->
       <div class="navigation-bar__title navigation-bar__title--fake text-input"></div>
       <div class="navigation-bar__title navigation-bar__title--text text-input" :style="{width: titleWidth + 'px'}">{{title}}</div>
-      <input class="navigation-bar__title navigation-bar__title--input text-input" :class="{'navigation-bar__title--focus': titleFocus, 'navigation-bar__title--scrolling': titleScrolling}" :style="{width: titleWidth + 'px'}" @focus="editTitle(true)" @blur="editTitle(false)" @keyup.enter="submitTitle()" @keyup.esc="submitTitle(true)" @mouseenter="titleHover = true" @mouseleave="titleHover = false" v-model="title">
+      <input class="navigation-bar__title navigation-bar__title--input text-input" :class="{'navigation-bar__title--focus': titleFocus, 'navigation-bar__title--scrolling': titleScrolling}" :style="{width: titleWidth + 'px'}" @focus="editTitle(true)" @blur="editTitle(false)" @keydown.enter="submitTitle()" @keydown.esc="submitTitle(true)" @mouseenter="titleHover = true" @mouseleave="titleHover = false" v-model="title">
       <!-- Sync/Publish -->
       <div class="flex flex--row" :class="{'navigation-bar__hidden': styles.hideLocations}">
         <a class="navigation-bar__button navigation-bar__button--location button" :class="{'navigation-bar__button--blink': location.id === currentLocation.id}" v-for="location in syncLocations" :key="location.id" :href="location.url" target="_blank" v-title="'Synchronized location'"><icon-provider :provider-id="location.providerId"></icon-provider></a>
         <button class="navigation-bar__button navigation-bar__button--sync button" :disabled="!isSyncPossible || isSyncRequested || offline" @click="requestSync" v-title="'Synchronize now'"><icon-sync></icon-sync></button>
         <a class="navigation-bar__button navigation-bar__button--location button" :class="{'navigation-bar__button--blink': location.id === currentLocation.id}" v-for="location in publishLocations" :key="location.id" :href="location.url" target="_blank" v-title="'Publish location'"><icon-provider :provider-id="location.providerId"></icon-provider></a>
-        <button class="navigation-bar__button navigation-bar__button--publish button" :disabled="!publishLocations.length || isPublishRequested || offline" @click="requestPublish"v-title="'Publish now'"><icon-upload></icon-upload></button>
+        <button class="navigation-bar__button navigation-bar__button--publish button" :disabled="!publishLocations.length || isPublishRequested || offline" @click="requestPublish" v-title="'Publish now'"><icon-upload></icon-upload></button>
       </div>
       <!-- Revision -->
       <div class="flex flex--row" v-if="revisionContent">

src/components/Tour.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="tour" @keyup.esc="skip">
+  <div class="tour" @keydown.esc="skip">
     <div class="tour-step" :class="'tour-step--' + step" :style="stepStyle">
       <div class="tour-step__inner" v-if="step === 'welcome'">
         <h2>Welcome to StackEdit!</h2>

src/components/gutters/NewComment.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="comment comment--new" @keyup.esc="cancelNewComment">
+  <div class="comment comment--new" @keydown.esc="cancelNewComment">
     <div class="comment__header flex flex--row flex--space-between flex--align-center">
       <div class="comment__user flex flex--row flex--align-center">
         <div class="comment__user-image">

src/components/modals/HtmlExportModal.vue

@@ -3,7 +3,7 @@
     <div class="modal__content">
       <p>Please choose a template for your <b>HTML export</b>.</p>
       <form-entry label="Template">
-        <select class="textfield" slot="field" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select class="textfield" slot="field" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/ImageModal.vue

@@ -3,7 +3,7 @@
     <div class="modal__content">
       <p>Please provide a <b>URL</b> for your image.</p>
       <form-entry label="URL" error="url">
-        <input slot="field" class="textfield" type="text" v-model.trim="url" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="url" @keydown.enter="resolve()">
       </form-entry>
       <menu-entry @click.native="openGooglePhotos(token)" v-for="token in googlePhotosTokens" :key="token.sub">
         <icon-provider slot="icon" provider-id="googlePhotos"></icon-provider>

src/components/modals/LinkModal.vue

@@ -3,7 +3,7 @@
     <div class="modal__content">
       <p>Please provide a <b>URL</b> for your link.</p>
       <form-entry label="URL" error="url">
-        <input slot="field" class="textfield" type="text" v-model.trim="url" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="url" @keydown.enter="resolve()">
       </form-entry>
     </div>
     <div class="modal__button-bar">

src/components/modals/PandocExportModal.vue

@@ -3,7 +3,7 @@
     <div class="modal__content">
       <p>Please choose a format for your <b>Pandoc export</b>.</p>
       <form-entry label="Template">
-        <select class="textfield" slot="field" v-model="selectedFormat" @keyup.enter="resolve()">
+        <select class="textfield" slot="field" v-model="selectedFormat" @keydown.enter="resolve()">
           <option value="asciidoc">AsciiDoc</option>
           <option value="context">ConTeXt</option>
           <option value="epub">EPUB</option>

src/components/modals/PdfExportModal.vue

@@ -3,7 +3,7 @@
     <div class="modal__content">
       <p>Please choose a template for your <b>PDF export</b>.</p>
       <form-entry label="Template">
-        <select class="textfield" slot="field" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select class="textfield" slot="field" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/TemplatesModal.vue

@@ -4,7 +4,7 @@
       <div class="form-entry">
         <label class="form-entry__label" for="template">Template</label>
         <div class="form-entry__field">
-          <input v-if="isEditing" id="template" type="text" class="textfield" v-focus @blur="submitEdit()" @keyup.enter="submitEdit()" @keyup.esc.stop="submitEdit(true)" v-model="editingName">
+          <input v-if="isEditing" id="template" type="text" class="textfield" v-focus @blur="submitEdit()" @keydown.enter="submitEdit()" @keydown.esc.stop="submitEdit(true)" v-model="editingName">
           <select v-else id="template" v-model="selectedId" class="textfield">
             <option v-for="(template, id) in templates" :key="id" :value="id">
               {{ template.name }}

src/components/modals/WorkspaceManagementModal.vue

@@ -6,7 +6,7 @@
           <icon-provider :provider-id="workspace.providerId"></icon-provider>
         </div>
         <div class="workspace-entry__description flex flex--column">
-          <input class="text-input" type="text" v-if="editedId === id" v-focus @blur="submitEdit()" @keyup.enter="submitEdit()" @keyup.esc.stop="submitEdit(true)" v-model="editingName">
+          <input class="text-input" type="text" v-if="editedId === id" v-focus @blur="submitEdit()" @keydown.enter="submitEdit()" @keydown.esc.stop="submitEdit(true)" v-model="editingName">
           <div class="workspace-entry__name" v-else>
             {{workspace.name}}
           </div>

src/components/modals/providers/BloggerPagePublishModal.vue

@@ -6,16 +6,16 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>Blogger Page</b>.</p>
       <form-entry label="Blog URL" error="blogUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="blogUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="blogUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> http://example.blogger.com/
         </div>
       </form-entry>
       <form-entry label="Existing page ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="pageId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="pageId" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/BloggerPublishModal.vue

@@ -6,16 +6,16 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>Blogger</b> site.</p>
       <form-entry label="Blog URL" error="blogUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="blogUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="blogUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> http://example.blogger.com/
         </div>
       </form-entry>
       <form-entry label="Existing post ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="postId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="postId" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/CouchdbCredentialsModal.vue

@@ -6,10 +6,10 @@
       </div>
       <p>Please provide your credentials to login to <b>CouchDB</b>.</p>
       <form-entry label="Name" error="name">
-        <input slot="field" class="textfield" type="text" v-model.trim="name" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="name" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Password" error="password">
-        <input slot="field" class="textfield" type="password" v-model.trim="password" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="password" v-model.trim="password" @keydown.enter="resolve()">
       </form-entry>
     </div>
     <div class="modal__button-bar">

src/components/modals/providers/CouchdbWorkspaceModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will create a workspace synchronized with a <b>CouchDB</b> database.</p>
       <form-entry label="Database URL" error="dbUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="dbUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="dbUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> https://instance.smileupps.com/stackedit-workspace
         </div>

src/components/modals/providers/DropboxPublishModal.vue

@@ -6,14 +6,14 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>Dropbox</b>.</p>
       <form-entry label="File path" error="path">
-        <input slot="field" class="textfield" type="text" v-model.trim="path" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="path" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> {{config.token.fullAccess ? '' : '/Applications/StackEdit (restricted)'}}/path/to/My Document.html<br>
           If the file exists, it will be replaced.
         </div>
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/DropboxSaveModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will save <b>{{currentFileName}}</b> to your <b>Dropbox</b> and keep it synchronized.</p>
       <form-entry label="File path" error="path">
-        <input slot="field" class="textfield" type="text" v-model.trim="path" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="path" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> {{config.token.fullAccess ? '' : '/Applications/StackEdit (restricted)'}}/path/to/My Document.md<br>
           If the file exists, it will be replaced.

src/components/modals/providers/GistPublishModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to a <b>Gist</b>.</p>
       <form-entry label="Filename" error="filename">
-        <input slot="field" class="textfield" type="text" v-model.trim="filename" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="filename" @keydown.enter="resolve()">
       </form-entry>
       <div class="form-entry">
         <div class="form-entry__checkbox">
@@ -16,13 +16,13 @@
         </div>
       </div>
       <form-entry label="Existing Gist ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="gistId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="gistId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If the file exists in the Gist, it will be replaced.
         </div>
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/GistSyncModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will save <b>{{currentFileName}}</b> to a <b>Gist</b> and keep it synchronized.</p>
       <form-entry label="Filename" error="filename">
-        <input slot="field" class="textfield" type="text" v-model.trim="filename" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="filename" @keydown.enter="resolve()">
       </form-entry>
       <div class="form-entry">
         <div class="form-entry__checkbox">
@@ -16,7 +16,7 @@
         </div>
       </div>
       <form-entry label="Existing Gist ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="gistId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="gistId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If the file exists in the Gist, it will be replaced.
         </div>

src/components/modals/providers/GithubOpenModal.vue

@@ -6,19 +6,19 @@
       </div>
       <p>This will open a file from your <b>GitHub</b> repository and keep it synchronized.</p>
       <form-entry label="Repository URL" error="repoUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> https://github.com/benweet/stackedit
         </div>
       </form-entry>
       <form-entry label="Branch (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If not provided, the <code>master</code> branch will be used.
         </div>
       </form-entry>
       <form-entry label="File path" error="path">
-        <input slot="field" class="textfield" type="text" v-model.trim="path" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="path" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> docs/README.md
         </div>

src/components/modals/providers/GithubPublishModal.vue

@@ -6,26 +6,26 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>GitHub</b> repository.</p>
       <form-entry label="Repository URL" error="repoUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> https://github.com/benweet/stackedit
         </div>
       </form-entry>
       <form-entry label="Branch (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If not provided, the master branch will be used.
         </div>
       </form-entry>
       <form-entry label="File path" error="path">
-        <input slot="field" class="textfield" type="text" v-model.trim="path" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="path" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> docs/README.md<br>
           If the file exists, it will be replaced.
         </div>
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/GithubSaveModal.vue

@@ -6,19 +6,19 @@
       </div>
       <p>This will save <b>{{currentFileName}}</b> to your <b>GitHub</b> repository and keep it synchronized.</p>
       <form-entry label="Repository URL" error="repoUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="repoUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> https://github.com/benweet/stackedit
         </div>
       </form-entry>
       <form-entry label="Branch (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="branch" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If not provided, the <code>master</code> branch will be used.
         </div>
       </form-entry>
       <form-entry label="File path" error="path">
-        <input slot="field" class="textfield" type="text" v-model.trim="path" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="path" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> docs/README.md<br>
           If the file exists, it will be replaced.

src/components/modals/providers/GoogleDrivePublishModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>Google Drive</b> account.</p>
       <form-entry label="Folder ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If no folder ID is supplied, the file will be created in your root folder.
         </div>
@@ -15,7 +15,7 @@
         </div>
       </form-entry>
       <form-entry label="Existing file ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="fileId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="fileId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           This will overwrite the file on the server.
         </div>
@@ -33,7 +33,7 @@
         </div>
       </div>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/GoogleDriveSaveModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will save <b>{{currentFileName}}</b> to your <b>Google Drive</b> account and keep it synchronized.</p>
       <form-entry label="Folder ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If no folder ID is supplied, the file will be created in your root folder.
         </div>
@@ -15,7 +15,7 @@
         </div>
       </form-entry>
       <form-entry label="Existing file ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="fileId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="fileId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           This will overwrite the file on the server.
         </div>

src/components/modals/providers/GoogleDriveWorkspaceModal.vue

@@ -6,7 +6,7 @@
       </div>
       <p>This will create a workspace synchronized with a <b>Google Drive</b> folder.</p>
       <form-entry label="Folder ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="folderId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           If no folder ID is supplied, a new workspace folder will be created in your root folder.
         </div>

src/components/modals/providers/GooglePhotoModal.vue

@@ -3,10 +3,10 @@
     <div class="modal__content">
       <div class="google-photo__tumbnail" :style="{backgroundImage: thumbnailUrl}"></div>
       <form-entry label="Title (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="title" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="title" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Size limit (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="size" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="size" @keydown.enter="resolve()">
       </form-entry>
     </div>
     <div class="modal__button-bar">

src/components/modals/providers/WordpressPublishModal.vue

@@ -6,17 +6,17 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>WordPress</b> site.</p>
       <form-entry label="Site domain" error="domain">
-        <input slot="field" class="textfield" type="text" v-model.trim="domain" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="domain" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> example.wordpress.com<br>
           <b>Jetpack plugin</b> is required for self-hosted sites.
         </div>
       </form-entry>
       <form-entry label="Existing post ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="postId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="postId" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>

src/components/modals/providers/ZendeskAccountModal.vue

@@ -6,13 +6,13 @@
       </div>
       <p>This will link your <b>Zendesk</b> account to <b>StackEdit</b>.</p>
       <form-entry label="Site URL" error="siteUrl">
-        <input slot="field" class="textfield" type="text" v-model.trim="siteUrl" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="siteUrl" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Example:</b> https://example.zendesk.com/
         </div>
       </form-entry>
       <form-entry label="Client Unique Identifier" error="clientId">
-        <input slot="field" class="textfield" type="text" v-model.trim="clientId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="clientId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           You have to configure an OAuth Client with redirect URL <b>{{redirectUrl}}</b><br>
           <a href="https://support.zendesk.com/hc/en-us/articles/203663836" target="_blank"><b>More info</b></a>

src/components/modals/providers/ZendeskPublishModal.vue

@@ -6,22 +6,22 @@
       </div>
       <p>This will publish <b>{{currentFileName}}</b> to your <b>Zendesk Help Center</b>.</p>
       <form-entry label="Section ID" error="sectionId">
-        <input slot="field" class="textfield" type="text" v-model.trim="sectionId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="sectionId" @keydown.enter="resolve()">
         <div class="form-entry__info">
           https://example.zendesk.com/hc/en-us/sections/<b>21857469</b>-Section-name
         </div>
       </form-entry>
       <form-entry label="Existing article ID (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="articleId" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="articleId" @keydown.enter="resolve()">
       </form-entry>
       <form-entry label="Locale (optional)">
-        <input slot="field" class="textfield" type="text" v-model.trim="locale" @keyup.enter="resolve()">
+        <input slot="field" class="textfield" type="text" v-model.trim="locale" @keydown.enter="resolve()">
         <div class="form-entry__info">
           <b>Default:</b> en-us
         </div>
       </form-entry>
       <form-entry label="Template">
-        <select slot="field" class="textfield" v-model="selectedTemplate" @keyup.enter="resolve()">
+        <select slot="field" class="textfield" v-model="selectedTemplate" @keydown.enter="resolve()">
           <option v-for="(template, id) in allTemplates" :key="id" :value="id">
             {{ template.name }}
           </option>