From c25c4e2c7e7cc2ac2edbeb23e2db22659bfc5511 Mon Sep 17 00:00:00 2001
From: vishnugt <vishnugt@hotmail.com>
Date: Thu, 15 Jan 2026 03:59:24 +0530
Subject: [PATCH] Add automatic trimming for domain names and forward host
 fields

---
 frontend/src/components/Form/DomainNamesField.tsx | 2 +-
 frontend/src/modals/ProxyHostModal.tsx            | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Form/DomainNamesField.tsx b/frontend/src/components/Form/DomainNamesField.tsx
index bdba2f2e23..939ffe48b9 100644
--- a/frontend/src/components/Form/DomainNamesField.tsx
+++ b/frontend/src/components/Form/DomainNamesField.tsx
@@ -33,7 +33,7 @@ export function DomainNamesField({
 
 	const handleChange = (v: MultiValue<SelectOption>, _actionMeta: ActionMeta<SelectOption>) => {
 		const doms = v?.map((i: SelectOption) => {
-			return i.value;
+			return i.value.trim();
 		});
 		setFieldValue(name, doms);
 		onChange?.(doms);
diff --git a/frontend/src/modals/ProxyHostModal.tsx b/frontend/src/modals/ProxyHostModal.tsx
index ca322849d8..ebe32492d1 100644
--- a/frontend/src/modals/ProxyHostModal.tsx
+++ b/frontend/src/modals/ProxyHostModal.tsx
@@ -209,6 +209,10 @@ const ProxyHostModal = EasyModal.create(({ id, visible, remove }: Props) => {
 																		required
 																		placeholder="example.com"
 																		{...field}
+																		onChange={(e) => {
+																			const trimmed = e.target.value.trim();
+																			field.onChange({ ...e, target: { ...e.target, value: trimmed } });
+																		}}
 																	/>
 																	{form.errors.forwardHost ? (
 																		<div className="invalid-feedback">