mat-select and mat-autocomplete options have different font sizes with custom typography
See original GitHub issueWhat is the expected behavior?
mat-select
and mat-autocomplete
options should have the same font size (and consequently same height), when a custom $input
value is set via the mat-typography-config()
function.
What is the current behavior?
When setting a custom $input
value with the mat-typography-config()
, mat-select
options change their font-size accordingly, but the mat-autocomplete
options ignore it, and use 16px instead (default).
What are the steps to reproduce?
https://stackblitz.com/edit/angular-nzfhqa?file=theme-styles.scss
On theme-styles.scss
file, try commenting line 4, to use theme default values, or switch the mat-typography-level
function first argument to any another value (other than 16px), and observe the changes on the mat-select
and mat-autocomplete
options font size.
Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Currently testing on Angular 7.2.1 and Material 7.2.1.
Is there anything else we should know?
Issue Analytics
- State:
- Created 5 years ago
- Reactions:3
- Comments:7 (1 by maintainers)
@TheBeardedLlama no, I have not. I even forked my example and update the dependencies for Angular Material 8, and this behavior still persists. I don’t think there’s much we can do from the outside.
This issue has been automatically locked due to inactivity. Please file a new issue if you are encountering a similar or related problem.
Read more about our automatic conversation locking policy.
This action has been performed automatically by a bot.