diff --git a/frontend/src/component/admin/api-token/ApiTokenForm/ApiTokenForm.tsx b/frontend/src/component/admin/api-token/ApiTokenForm/ApiTokenForm.tsx index ed6f854690..d51d191c3f 100644 --- a/frontend/src/component/admin/api-token/ApiTokenForm/ApiTokenForm.tsx +++ b/frontend/src/component/admin/api-token/ApiTokenForm/ApiTokenForm.tsx @@ -80,6 +80,7 @@ const ApiTokenForm: React.FC = ({ error={errors.username !== undefined} errorText={errors.username} onFocus={() => clearErrors()} + autoFocus />

What is your token type? diff --git a/frontend/src/component/admin/project-roles/ProjectRoleForm/ProjectRoleForm.tsx b/frontend/src/component/admin/project-roles/ProjectRoleForm/ProjectRoleForm.tsx index 4ee230774b..4b0676c471 100644 --- a/frontend/src/component/admin/project-roles/ProjectRoleForm/ProjectRoleForm.tsx +++ b/frontend/src/component/admin/project-roles/ProjectRoleForm/ProjectRoleForm.tsx @@ -142,6 +142,7 @@ const ProjectRoleForm: React.FC = ({ errorText={errors.name} onFocus={() => clearErrors()} onBlur={validateNameUniqueness} + autoFocus />

diff --git a/frontend/src/component/admin/users/UserForm/UserForm.tsx b/frontend/src/component/admin/users/UserForm/UserForm.tsx index 5fab83a038..46a0b8ae31 100644 --- a/frontend/src/component/admin/users/UserForm/UserForm.tsx +++ b/frontend/src/component/admin/users/UserForm/UserForm.tsx @@ -74,6 +74,7 @@ const UserForm: React.FC = ({ error={Boolean(errors.name)} errorText={errors.name} onFocus={() => clearErrors()} + autoFocus /> { const [name, setName] = useState(initialName); diff --git a/frontend/src/component/context/ContextForm/ContextForm.tsx b/frontend/src/component/context/ContextForm/ContextForm.tsx index bfa34ad86f..b285272e18 100644 --- a/frontend/src/component/context/ContextForm/ContextForm.tsx +++ b/frontend/src/component/context/ContextForm/ContextForm.tsx @@ -109,6 +109,7 @@ const ContextForm: React.FC = ({ errorText={errors.name} onFocus={() => clearErrors()} onBlur={validateNameUniqueness} + autoFocus />

What is this context for? @@ -160,7 +161,7 @@ const ContextForm: React.FC = ({ Add -

Custom stickiness (beta)

+

Custom stickiness

By enabling stickiness on this context field you can use it together with the flexible-rollout strategy. This will diff --git a/frontend/src/component/feature/CreateFeature/FeatureForm/FeatureForm.tsx b/frontend/src/component/feature/CreateFeature/FeatureForm/FeatureForm.tsx index 38ac19d13c..6bcebe895e 100644 --- a/frontend/src/component/feature/CreateFeature/FeatureForm/FeatureForm.tsx +++ b/frontend/src/component/feature/CreateFeature/FeatureForm/FeatureForm.tsx @@ -62,6 +62,7 @@ const FeatureForm: React.FC = ({ What would you like to call your toggle?

= ({ onFocus={() => clearErrors()} onBlur={validateIdUniqueness} disabled={mode === 'Edit'} + autoFocus />

diff --git a/frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.tsx b/frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.tsx index 9c7ae6ed9a..fea1001cdb 100644 --- a/frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.tsx +++ b/frontend/src/component/tagTypes/TagTypeForm/TagTypeForm.tsx @@ -52,6 +52,7 @@ const TagTypeForm: React.FC = ({ onFocus={() => clearErrors()} disabled={mode === EDIT} onBlur={validateNameUniqueness} + autoFocus />

What is this tag for?