added key interception to prevent form submission on enter key (#10617)

techy4shri · cdrini · web-flow · commit 430f20c72240 · 2025-06-10T22:12:41.000+02:00
* added key interception to prevent form submission on enter key

* Added event handlers for both classification input fields
Using more specific selectors to prevent event bubbling
Added explicit return false to ensure event propagation stops
Moved the Enter key handling before the repeat initialization

---------

Co-authored-by: Drini Cami &lt;cdrini@gmail.com&gt;
diff --git a/openlibrary/plugins/openlibrary/js/edit.js b/openlibrary/plugins/openlibrary/js/edit.js
@@ -235,6 +235,16 @@ export function validateIdentifiers(data) {
 export function initClassificationValidation() {
     initJqueryRepeat();
     const dataConfig = JSON.parse(document.querySelector('#classifications').dataset.config);
+
+    // Prevent form submission on Enter for classification fields
+    $('#classification-value').on('keydown', function(e) {
+        if (e.key === 'Enter') {
+            e.preventDefault();
+            $('#classifications .repeat-add').trigger('click');
+            return false;
+        }
+    });
+
     $('#classifications').repeat({
         vars: {prefix: 'edition--'},
         validate: function (data) {
