question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Button should be capitalized by default per MD spec

See original GitHub issue

Bug, feature request, or proposal:

Button text should be in uppercase according to the material design spec. Should this rule be defaulted in the appropriate contexts in Angular Material?

What is the expected behavior?

https://material.io/guidelines/components/buttons.html#buttons-usage

Button text should be capitalized in languages that have capitalization. For other languages, colored text on flat buttons distinguishes them from normal text.

What is the current behavior?

text is not capitalized

What are the steps to reproduce?

Any button in any sample

What is the use-case or motivation for changing an existing behavior?

Default behavior should follow the spec

Which versions of Angular, Material, OS, browsers are affected?

current version

Is there anything else we should know?

Here’s an option to make it work on forms, cards and dialogs and excludes buttons in menus:

form button, md-card button, md-dialog-container button  {
  //:not(md-menu-item)
  text-transform: uppercase;
}

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:9 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
donroycocommented, May 15, 2017

@ccstevenson @jelbourn PR on the way… #4567

1reaction
jelbourncommented, May 15, 2017

PR would be great

Read more comments on GitHub >

github_iconTop Results From Across the Web

Button Text not to be uppercase - Material Design for Bootstrap
Hi, working. Thank you.
Read more >
Paper-Button always as upper case - Stack Overflow
As was mentioned in the comments above, the material design spec for buttons specifies that the text should be uppercase, but you can...
Read more >
Button - Angular Material
According to the Material design spec button text has to be capitalized, however we have opted not to capitalize buttons automatically via text-transform: ......
Read more >
Should text in button be capitalized in English? [duplicate]
Try to limit your Button's Text to a maximum of 2-3 words. · Yes, capitalizing the Initials for every new word for the...
Read more >
The Form element - HTML: HyperText Markup Language | MDN
none : No automatic capitalization. sentences (default): Capitalize the first letter of each sentence. words : Capitalize the first letter of ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found