From 541298eb48aba7b49c8663d56de7eec227de0f0c Mon Sep 17 00:00:00 2001
From: sua yoo <sua@webrecorder.org>
Date: Tue, 10 Dec 2024 00:00:09 -0800
Subject: [PATCH] fix: Prevent submitting invalid regex with keyboard enter
 (#2228)

Fixes https://github.com/webrecorder/browsertrix/issues/2227
---
 frontend/src/features/crawl-workflows/queue-exclusion-form.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/features/crawl-workflows/queue-exclusion-form.ts b/frontend/src/features/crawl-workflows/queue-exclusion-form.ts
index 7fa19253..003c23b3 100644
--- a/frontend/src/features/crawl-workflows/queue-exclusion-form.ts
+++ b/frontend/src/features/crawl-workflows/queue-exclusion-form.ts
@@ -178,7 +178,7 @@ export class QueueExclusionForm extends LiteElement {
 
   private readonly onKeyDown = (e: KeyboardEvent) => {
     e.stopPropagation();
-    if (e.key === "Enter") {
+    if (e.key === "Enter" && !this.isRegexInvalid) {
       void this.handleAdd();
     }
   };
@@ -217,7 +217,7 @@ export class QueueExclusionForm extends LiteElement {
   private async handleAdd() {
     this.onInput.flush();
     await this.updateComplete;
-    if (!this.regex) return;
+    if (!this.regex || this.isRegexInvalid) return;
 
     if (this.input) {
       this.input.value = "";