separate input and keyup events

Author: HesterG

web_src/js/features/repo-editor.js

@@ -92,19 +92,10 @@ export function initRepoEditor() {
   });
 
   const $editFilename = $('#file-name');
-  $editFilename.on('keyup input', function (e) {
-    const $section = $('.breadcrumb span.section');
-    const $divider = $('.breadcrumb div.divider');
+  $editFilename.on('input', function (e) {
     let value;
     let parts;
 
-    if (e.keyCode === 8 && getCursorPosition($(this)) === 0 && $section.length > 0) {
-      value = $section.last().find('a').text();
-      $(this).val(value + $(this).val());
-      $(this)[0].setSelectionRange(value.length, value.length);
-      $section.last().remove();
-      $divider.last().remove();
-    }
     parts = $(this).val().split('/');
     if (parts.length > 1) {
       for (let i = 0; i < parts.length; ++i) {
@@ -133,6 +124,20 @@ export function initRepoEditor() {
     $('#tree_path').val(parts.join('/'));
   });
 
+  $editFilename.on('keyup', function (e) {
+    const $section = $('.breadcrumb span.section');
+    const $divider = $('.breadcrumb div.divider');
+    let value;
+
+    if (e.keyCode === 8 && getCursorPosition($(this)) === 0 && $section.length > 0) {
+      value = $section.last().find('a').text();
+      $(this).val(value + $(this).val());
+      $(this)[0].setSelectionRange(value.length, value.length);
+      $section.last().remove();
+      $divider.last().remove();
+    }
+  });
+
   const $editArea = $('.repository.editor textarea#edit_area');
   if (!$editArea.length) return;