All Questions
Tagged with angular angular-material
15,373 questions
1
vote
1
answer
57
views
How to override color theme in Angular 19?
I'm setting up a project in Angular 19 where by default when installing @angular/material I kept azure-blue.css as theme. Now I want to override based on my colors. I've successfully overridden the ...
- 1,102
1
vote
1
answer
46
views
How to avoid style duplication when including themes?
I have updated my Angular application to Angular 19.2, and also to Angular Material 19.2.
I have created color palettes by running ng generate @angular/material:theme-color, to generate the file ...
- 3,781
1
vote
2
answers
79
views
How to override mat-icon-button's border-radius?
does anyone know how to correct override mat-icon-button in Angular Material M3?
For default button (like mat-button, mat-flat-button, mat-raised-button, mat-stroked-button) I used the following way, ...
- 53
1
vote
3
answers
61
views
Angular material - browser autofill changes input styles
Currently I'm facing the issue that occurs after web browser auto fills the user input like in this screen:
I tried it on two browsers and it looks simaliar (chrome adds white background and firefox ...
- 492
1
vote
1
answer
82
views
How to use FontAwesome icons with Angular Material 19 standalone components?
I'm working on an Angular 19 project using standalone components and Angular Material.
I want to use FontAwesome icons (@fortawesome/angular-fontawesome) alongside Angular Material components like mat-...
2
votes
1
answer
35
views
Angular Autocomplete Shows Different Value When Option is Selected Twice
Background
I have an Angular component that renders an Angular Material Autocomplete field. The field has three options, and each option contains a name and an id. When an option is selected, it's ...
- 215
-1
votes
0
answers
75
views
How to prevent custom sidenav content from overflowing the viewport in Angular?
In an Angular application, I currently have the following structure. Until now, I was trying to use the mat-sidenav-container.
However, with the Angular Material sidenav, I wasn't able to properly ...
- 179
1
vote
0
answers
44
views
Angular 18 Material 2 set of font-family
Im' using Angular 18 and Material 2 and I'm trying to set a font-family 'Poppins' overal to this mat-tab-group my it's never applied and I don't know why
HTML:
<div>
<mat-tab-group class=&...
- 31
1
vote
0
answers
56
views
mat-datepicker rendering issue after migrating to Angular 18 and Material M3
I recently migrated my Angular application to version 18 and updated Angular Material to version M3. After the migration, I'm experiencing a rendering issue with the mat-datepicker component.
As shown ...
1
vote
1
answer
36
views
Does importing Angular Material modules in multiple lazy-loaded modules cause duplication in the final Angular bundle?
I’m using Angular with lazy-loaded modules, and I’ve noticed that each feature module imports some Angular Material modules (like MatButtonModule, MatToolbarModule, etc.).
My question is:
Does this ...
- 1,418
2
votes
1
answer
63
views
Angular upgrade from v16 to v19 [closed]
I recently upgraded from angular v16 to v19 and the following code https://pastebin.com/3GhGmXQN
<ng-container matColumnDef="lockIcon">
<th mat-header-cell *...
- 41
0
votes
3
answers
66
views
How is it possible to reduce the large default padding in mat-form-field?
I am working on an Angular application, using Material version 16.
In the design specification the inputs are smaller with less padding, and I need to strictly follow that. How is it possible to ...
- 9,348
1
vote
1
answer
43
views
Nested mat-menu closes unexpectedly when opening second menu
I'm using Angular 19 with Angular Material 3 (latest version with MDC-based components) in a project, and I'm running into an issue when working with nested mat-menu elements.
What I'm trying to do is
...
2
votes
1
answer
71
views
Angular mat-select (selectionChange) event only fires once
I am using angular mat-select for a multi-select dropdown and I am using the (selectionChange) to do something in my .ts file. All is working fine, expect that seems like (selectionChange) event is ...
- 334
0
votes
0
answers
12
views
angular jasmine unit test mat dialog after closed not subscribing value
i have this function in component
onAgendaOpen(type: AppointmentType, appointment: IAppointment): void {
if (AppointmentOrigin.RDS_LIGHT === appointment.origin) {
const dialogRef = ...
- 57