dwyl / dwyl/auth

UX Enhancement: Add autofocus to password_input fields

Open
#80 0 comments 0 reactions 0 assignees View on GitHub
enhancement priority-2 starter T25m
Dominant language
Elixir
Stars
141
Forks
8
PR merge metrics
No merged PRs in 30d

Description

At present we do not have the `autofocus` attribute in our password prompt:
https://github.com/dwyl/auth/blob/946f6ba58844798b32b2a81f5b1a246a3b396549/lib/auth_web/templates/auth/password_prompt.html.eex#L6-L7
Or password create:
https://github.com/dwyl/auth/blob/946f6ba58844798b32b2a81f5b1a246a3b396549/lib/auth_web/templates/auth/password_create.html.eex#L6-L8

Having recently discovered how to do it: https://github.com/dwyl/learn-phoenix-framework/issues/138
I feel this is a worthwhile enhancement that can be added to speed up the UX on both password creation and password prompt forms.

# Todo

+ [ ] add `autofocus: "true"` to the `password_input` in `lib/auth_web/templates/auth/password_prompt.html.eex#L6-L7`
+ [ ] add `autofocus: "true"` to the `password_input` in `/lib/auth_web/templates/auth/password_create.html.eex#L6-L8`
+ [ ] Create Pull Request referencing this issue.

This is a perfect "first contribution" for someone new to the team/project.

Contributor guide

No contributing guide indexed for this repository

Research direction

Open lib/auth_web/templates/auth/password_prompt.html.eex and lib/auth_web/templates/auth/password_create.html.eex at the password_input lines identified in the issue. Check how those fields are rendered, then add the requested autofocus attribute to both forms. Done means both password fields include autofocus and the change is submitted in a pull request referencing issue #80.

Written by the indexing model from the issue text.

Assessment

Tech stack
elixir
Domain
authentication
Issue type
Feature
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.