20,029 questions
0
votes
0
answers
43
views
Mat dialogs are not opening when devtools are in open
I'm using Angular v19 and I recently updated my Chrome version to the latest. Now if my devtool is open, matdialog are not opening; if I change my screen resolution only, it's working. But it is ...
0
votes
0
answers
38
views
While migrating angular version from 18 to 19 , i have migrated material package to 19 as well. somehow I am facing issue with style.scss import [closed]
theme.scss
@use '@angular/material' as mat;
$my-theme: mat.define-light-theme((
color: (
primary: mat.define-palette(mat.$indigo-palette),
accent: mat.define-palette(mat.$pink-palette),
...
0
votes
0
answers
40
views
Angular Material mat-form-field label misaligned with prefix icon on initial render
I'm using Angular Material's mat-form-field with appearance="outline" and a prefix icon (matPrefix). On initial render, when the input is empty, the label appears too close to the prefix ...
- 313
0
votes
0
answers
60
views
Customize Angular Material Components using mixins to fit my UI
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 ...
- 1
1
vote
1
answer
76
views
mat-select option stays open after click (blur not triggered?)
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 ...
- 4,368
0
votes
0
answers
26
views
How to animate each MatListItem on mouseenter in angular 20?
i have a comment component with a mat-list component from material and inside it many mat-item-list so for each mat-list-item component i want to listen event like mouseenter and do something when ...
1
vote
1
answer
70
views
How do I update/add table column headers to Angular Material table?
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 ...
- 43
0
votes
0
answers
48
views
How to use a custom Angular M3 theme?
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 ...
- 408
0
votes
0
answers
36
views
Angular in IntelliJ IDEA Ultimate: red underlines on <mat-*> and <app-*> tags, but code is valid
I’m working on an Angular project in IntelliJ IDEA Ultimate.
In my Angular templates (.html files), IntelliJ marks Angular Material and custom component tags with red underlines, for example:
<mat-...
- 329
0
votes
0
answers
72
views
Can I scope Angular Material mixins without declaring @include multiple times?
I'm trying to figure out if there is a way to use 1 @include statement for the same mixin that can change values based on class. Here is a simple example of applying mixin values for a snack bar class ...
- 346
-1
votes
1
answer
48
views
How to inject a service in the configuration file in Angular
I have below piece of code which return the array of the input fields:
import { MyService } from "my-service";
export const INPUTCONFIG = (myService: MyService) => [
inputsFactory<...
- 10.7k
2
votes
1
answer
43
views
Angular dynamic questions causing infinite re-renders
I am trying to generate dynamic forms based on a set of questions I receive from an API.
When the app inits I will dispatch a state action that will call the mock API to get the questions and then the ...
- 103
1
vote
2
answers
73
views
Why does the dialog window not show content when clicking on button?
I am trying to open a dialog window that comes up when clicking on 'Add/Remove Reps' button. When I click on that button it opens up a small, slim window on the left side of the browser with no ...
- 43
0
votes
0
answers
63
views
Dynamic Directive not applying, in reusable controller
I'm trying to create a reusable controller for textbox, textarea, dropdown. etc, there are plenty of directives in my project. so I tried to render it dynamically
validation-mask.directive.ts:
@...
- 77
2
votes
1
answer
45
views
Text color of mat-chip in Material from html markup
How can I override the text color of the mat-chip component?
[style.background] works but [color]="'white'" doesn't - here would be 'label.color2' used.
<tr *ngFor="let label of ...
- 27