Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Form input does not inherit font-weight #27327

Closed
brnrd87 opened this issue Sep 27, 2018 · 3 comments
Closed

Form input does not inherit font-weight #27327

brnrd87 opened this issue Sep 27, 2018 · 3 comments

Comments

@brnrd87
Copy link

brnrd87 commented Sep 27, 2018

If the variable $font-weight-normal is set to a non-default value, e.g. "300", this value is not inherited by text inputs. The computed value of the font-weight property is found to be 'reset' to 400 in the developer tools (Firefox 62.0). When you add 'font-weight: inherit;' to the text input, this is solved. Another solution could be to add a $input-font-weight variable.

font-weight

@brnrd87
Copy link
Author

brnrd87 commented Sep 27, 2018

Reported earlier in #18521, but not as a 'bug', which imho it is, e.g. in case when using custom fonts with both 300 and 400 weights present.

@MartijnCuppens
Copy link
Member

The case where font weights of 300 and 400 are available might indeed be a situation where this might come in handy. If we continue on this, we need to make sure we'll also add this for .custom-select.

@andresgalante
Copy link
Collaborator

The user agent in chrome will also reset the font weight to 400.

I'll fix this.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants