Improve focus states for text inputs and textareas
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 35/100
- Issue type
- Feature
- Clarity
- Mostly clear
- Activity status
- Stale
- Tech stack
- css
- Domain
- accessibility, design, frontend
Research direction
Start by reviewing the focus-state styles for text inputs, textareas, and selects, then compare them with the double box-shadow approach described in pull request 992. Update the relevant focus presentation so it is more prominent, and verify that all three control types visibly change when focused.
Written by the indexing model from the issue text.
Description
Currently, the focus states for text inputs, textareas, and selects are very subtle and difficult to identify unless you know what to look for. The borders for each are only updated to use the relevant -dark color variant when focused.
We should make these more prominent.
In https://github.com/mapbox/assembly/pull/992, we updated stroked selects to use a double box-shadow when focused. We might want to implement the same changes for text inputs and textareas.
- Dominant language
- CSS
- Stars
- 138
- Forks
- 26
- Avg merge
- 20m
- Merged PRs (30d)
- 3
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from mapbox/assembly
-
Difficulty 2/5 1-3 hours Newbie friendliness 30/100
-
2 estimate-2 icebox jira-sync-complete p2
Difficulty 2/5 1-3 hours Newbie friendliness 38/100
-
2 architecture enhancement estimate-4 icebox jira-sync-complete needs research p2 p3
Difficulty 5/5 Over a week Newbie friendliness 35/100
-
2 dunkagroo estimate-2 estimate-4 icebox jira-sync-complete p2
Difficulty 5/5 Over a week Newbie friendliness 30/100
-
2 estimate-2 icebox jira-sync-complete p2
Difficulty 5/5 Over a week Newbie friendliness 25/100
Similar issues
-
bug frontend
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
PedestrianDynamics/pyFDS-Evac#549 ·
Maintainers usually reply within 1 day
-
accessibility
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
slovensko-digital/priznanie-digital#1193 ·
Maintainers usually reply within 1 day
-
accessibility
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
slovensko-digital/autogram-portal#370 · 3 comments ·
Maintainers usually reply within 21 days
-
intake mcp-intake needs-ac needs-human-review pending-review priority:medium question type:question
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Ikalus1988/MisakaNet#2754 · 3 comments ·
Maintainers usually reply within 1 day
-
📕documentation
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
db-ux-design-system/core-web#8343 ·
Maintainers usually reply within 1 day