canonical / canonical/vanilla-framework

Min-width: 10em applies to numeric inputs

Open
#4,570 2 comments 0 reactions 0 assignees View on GitHub
Maintenance 🔨 P3 Triaged Triaged: v4
Dominant language
HTML
Stars
983
Forks
216
Avg merge
3d 13h
Merged PRs (30d)
3

Description

Min-width makes sense on text inputs, but not necesserily numeric ones - it is much better to leave the size controlled by the min and max attributes on the input.

Currently:
![image](https://user-images.githubusercontent.com/2741678/193772105-c01cc312-6932-41e0-9759-f27b117b5444.png)

Ideally:
![image](https://user-images.githubusercontent.com/2741678/193772139-0734d3af-715a-460c-bff0-f76892405b6a.png)

Contributor guide

Open the contributing guide

Research direction

No file or test is named. Start by locating the framework style rule that applies a 10em min-width to inputs and reproduce it with a numeric input; done means numeric inputs are not given that min-width, while text inputs retain it and sizing follows their min and max attributes.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.