feat: Add onFocus select and min attribute to number input fields across various forms for improved usability.
This commit is contained in:
@@ -357,6 +357,8 @@ export default function AgentTypesPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={formData.sortOrder}
|
value={formData.sortOrder}
|
||||||
onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
|
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"
|
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>
|
</div>
|
||||||
|
|||||||
@@ -663,6 +663,8 @@ export default function SectionDetailPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={fieldForm.sortOrder}
|
value={fieldForm.sortOrder}
|
||||||
onChange={(e) => setFieldForm({ ...fieldForm, sortOrder: parseInt(e.target.value) || 0 })}
|
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"
|
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>
|
</div>
|
||||||
@@ -785,6 +787,7 @@ export default function SectionDetailPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={fieldForm.rangeConfig?.min || 0}
|
value={fieldForm.rangeConfig?.min || 0}
|
||||||
onChange={(e) => updateRangeConfig('min', e.target.value)}
|
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"
|
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>
|
</div>
|
||||||
@@ -794,6 +797,7 @@ export default function SectionDetailPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={fieldForm.rangeConfig?.max || 100}
|
value={fieldForm.rangeConfig?.max || 100}
|
||||||
onChange={(e) => updateRangeConfig('max', e.target.value)}
|
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"
|
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>
|
</div>
|
||||||
@@ -803,6 +807,8 @@ export default function SectionDetailPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={fieldForm.rangeConfig?.step || 1}
|
value={fieldForm.rangeConfig?.step || 1}
|
||||||
onChange={(e) => updateRangeConfig('step', e.target.value)}
|
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"
|
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>
|
</div>
|
||||||
@@ -917,6 +923,8 @@ export default function SectionDetailPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={assignForm.sortOrder}
|
value={assignForm.sortOrder}
|
||||||
onChange={(e) => setAssignForm({ ...assignForm, sortOrder: parseInt(e.target.value) || 0 })}
|
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"
|
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>
|
</div>
|
||||||
|
|||||||
@@ -426,6 +426,8 @@ export default function ProfileSectionsPage() {
|
|||||||
type="number"
|
type="number"
|
||||||
value={formData.sortOrder}
|
value={formData.sortOrder}
|
||||||
onChange={(e) => setFormData({ ...formData, sortOrder: parseInt(e.target.value) || 0 })}
|
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"
|
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>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user