From 5434e409faee427d29a7c5903a8b66de5b6ccaeb Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Fri, 6 Feb 2026 06:58:56 +0530
Subject: [PATCH] feat: Add onFocus select and min attribute to number input
 fields across various forms for improved usability.

---
 src/app/dashboard/agent-types/page.tsx           | 2 ++
 src/app/dashboard/profile-sections/[id]/page.tsx | 8 ++++++++
 src/app/dashboard/profile-sections/page.tsx      | 2 ++
 3 files changed, 12 insertions(+)

diff --git a/src/app/dashboard/agent-types/page.tsx b/src/app/dashboard/agent-types/page.tsx
index ee045b4..4b6dd22 100644
--- a/src/app/dashboard/agent-types/page.tsx
+++ b/src/app/dashboard/agent-types/page.tsx
@@ -357,6 +357,8 @@ export default function AgentTypesPage() {
                     type="number"
                     value={formData.sortOrder}
                     onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
+                    onFocus={(e) => e.target.select()}
+                    min={0}
                     className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
                   />
                 </div>
diff --git a/src/app/dashboard/profile-sections/[id]/page.tsx b/src/app/dashboard/profile-sections/[id]/page.tsx
index 7113f28..c72d82c 100644
--- a/src/app/dashboard/profile-sections/[id]/page.tsx
+++ b/src/app/dashboard/profile-sections/[id]/page.tsx
@@ -663,6 +663,8 @@ export default function SectionDetailPage() {
                       type="number"
                       value={fieldForm.sortOrder}
                       onChange={(e) => setFieldForm({ ...fieldForm, sortOrder: parseInt(e.target.value) || 0 })}
+                      onFocus={(e) => e.target.select()}
+                      min={0}
                       className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
                     />
                   </div>
@@ -785,6 +787,7 @@ export default function SectionDetailPage() {
                           type="number"
                           value={fieldForm.rangeConfig?.min || 0}
                           onChange={(e) => updateRangeConfig('min', e.target.value)}
+                          onFocus={(e) => e.target.select()}
                           className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
                         />
                       </div>
@@ -794,6 +797,7 @@ export default function SectionDetailPage() {
                           type="number"
                           value={fieldForm.rangeConfig?.max || 100}
                           onChange={(e) => updateRangeConfig('max', e.target.value)}
+                          onFocus={(e) => e.target.select()}
                           className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
                         />
                       </div>
@@ -803,6 +807,8 @@ export default function SectionDetailPage() {
                           type="number"
                           value={fieldForm.rangeConfig?.step || 1}
                           onChange={(e) => updateRangeConfig('step', e.target.value)}
+                          onFocus={(e) => e.target.select()}
+                          min={1}
                           className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-sm text-gray-900 bg-white"
                         />
                       </div>
@@ -917,6 +923,8 @@ export default function SectionDetailPage() {
                     type="number"
                     value={assignForm.sortOrder}
                     onChange={(e) => setAssignForm({ ...assignForm, sortOrder: parseInt(e.target.value) || 0 })}
+                    onFocus={(e) => e.target.select()}
+                    min={0}
                     className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
                   />
                 </div>
diff --git a/src/app/dashboard/profile-sections/page.tsx b/src/app/dashboard/profile-sections/page.tsx
index 81b4fcf..3d017b7 100644
--- a/src/app/dashboard/profile-sections/page.tsx
+++ b/src/app/dashboard/profile-sections/page.tsx
@@ -426,6 +426,8 @@ export default function ProfileSectionsPage() {
                     type="number"
                     value={formData.sortOrder}
                     onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
+                    onFocus={(e) => e.target.select()}
+                    min={0}
                     className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 text-gray-900 bg-white"
                   />
                 </div>