Fix tag for some browsers

Author: DeekshithSH

docs/environment-variables/env-builder.md

@@ -328,15 +328,28 @@ function renderTags(wrapper, key) {
 
   const container = document.createElement("div");
 
-  input.addEventListener("keydown", e => {
-    if (e.key === "Enter" || e.key === "," || e.key === " ") {
-      e.preventDefault();
-      const parts = input.value.split(/[\s,]+/).filter(Boolean);
+  input.addEventListener("input", () => {
+    const value = input.value;
+
+    if (/[,\s]/.test(value)) {
+      const parts = value.split(/[,\s]+/).filter(Boolean);
+
       parts.forEach(v => {
         if (!tagState[key].includes(v)) {
           tagState[key].push(v);
         }
       });
+
+      input.value = "";
+      renderTagItems(container, key);
+      updateEnv();
+    }
+  });
+
+  input.addEventListener("blur", () => {
+    const value = input.value.trim();
+    if (value && !tagState[key].includes(value)) {
+      tagState[key].push(value);
       input.value = "";
       renderTagItems(container, key);
       updateEnv();