Skip to main content
0 votes
2 answers
44 views

I'm using Angular Material 21. The component's template has two <mat-form-field> elements, each one contains an <input> element. I would like to set a red border to the first input element ...
deemon's user avatar
  • 145
4 votes
1 answer
76 views

Environment Angular 17.x Setup: The select form field has multiple enabled. The options are an array of objects - {_id, fullName, ...}. The option value is bound to _id. Also added a function for the ...
hemant's user avatar
  • 531
Advice
0 votes
1 replies
95 views

I'm curious to see what the community thinks of Mat. I'm starting to feel like Mat has become more of a burden than a help when styling my software. Considering animations in Angular have been ...
Afab's user avatar
  • 31
-1 votes
2 answers
142 views

I am currently working on a learning project with Angular CLI 21.0.2. I added the following line of markup, but the button still appears with its default color: <button matButton="filled" ...
ostoforostan's user avatar
1 vote
1 answer
76 views

I'm working with an Angular Material table (mat-table) that has sorting enabled via matSort. Sorting works perfectly when I click on the column headers (mat-sort-header). Now, I want to trigger the ...
Dung Tran's user avatar
0 votes
2 answers
162 views

I have a Reactive Form in an Angular 21 application, and the form requires an array of a certain sub-form. (In my case the sub-form(s) define "filters" on a search.) The documentation on ...
workerjoe's user avatar
  • 2,767
1 vote
0 answers
58 views

In my application I use multiple themes (blue, red, yellow). Each theme is defined in a separate SCSS file. In the HTML pages I use a div tag surrounding everything which has a class for the selected ...
Ralf Schneider's user avatar
0 votes
0 answers
54 views

I’m working on an Angular v15+ app that uses a custom slideout panel system for showing forms. We’re trying to show an “unsaved changes” confirmation popup when the user closes the slideout, similar ...
sagar.p's user avatar
  • 39
2 votes
1 answer
82 views

I've been using newest Angular Material in Angular 20. Trying to control stuff using mat.*-overrides but I can't find the option to change height of each mat-option inside of the form-field inside the ...
PTK's user avatar
  • 85
2 votes
1 answer
91 views

Is it possible to override Angular Material styles for HTML elements like h1, h2, p, a, etc.? "@angular/material": "^20.2.8" is used. I try to override --mat-sys-* variables like: -...
Dmytro Khilchuk's user avatar
4 votes
1 answer
183 views

I'm using Angular v19 and I recently updated my Chrome version to be the latest. Now if my dev tools is open, then matdialog does not open; only when I change my screen resolution does it work (open). ...
vishnu kumaran's user avatar
0 votes
0 answers
116 views

We (my team) recently upgraded our Angular to Version 15, and we have had many problems due to MDC- changes. My work is to upgrade our components library to be MDC based. I noticed all the mixins ...
SimonL's user avatar
  • 1
1 vote
1 answer
154 views

I’m writing end-to-end tests with Playwright for an Angular Material 14 app. The page has multiple mat-select. When I interact with the dropdown manually in the browser: I click on the select box. A ...
Rich's user avatar
  • 4,388
1 vote
1 answer
91 views

I am trying to updated the current table headers and add new column headers as well. The issue is when I change the columns to display in the typescript the data for each column disappears. For ...
bootsy1974's user avatar
0 votes
0 answers
79 views

I am having a difficult time figuring out how to use M3. I've been trying to follow Agular's documentation here. I used ng generate @angular/material:theme-color to generate several palettes, but the ...
Gerald Murphy's user avatar

15 30 50 per page
1
2 3 4 5
1335