20,003 questions
2
votes
1
answer
61
views
How to show serverside errors in Angular signal forms and Angular material?
We want to show serverside validation errors in the clientside Angular signal forms in combination with Angular material.
We have installed the following packages (package.json):
{
[...]
"...
1
vote
1
answer
82
views
Google Places Autocomplete Widget not appearing when using Angular Material Dialog
I recently upgraded to Angular v21 and Googe Places Autocomplete New widget.
When typing in address the options are hidden away, they activate overflow on the mat dialog content isntead of being ...
-1
votes
0
answers
79
views
Angular circular dependency between global table and global form builder components
Angular v21 project with Material framework also v21
so I've built my
Universal Table (UT) component - need a table? use this component
from fully searchable, sortable, paginated
to a simple, not ...
0
votes
1
answer
39
views
Managing focus within Angular panel
I'm trying to add a button to a Mat Select panel. I got mouse interactions working with help from these related questions:
Is it possible to add custom buttons to mat select dropdown?
How to add a ...
Advice
0
votes
4
replies
79
views
How to get an Angular Material table to grow/shrink
I'm not a natural with css/html and realise that my question probably demonstrates my general lack of knowledge around positioning and sizing in css.
I am building an enterprise solution. Across the ...
0
votes
0
answers
29
views
mat-option disappears when tablet keyboard opens
I have made a form where you can search for a specific project by typing into the input. And while you type the options become lesser until you see hopefully the project you're looking for. All of ...
0
votes
0
answers
84
views
Angular CdkTree expand all parent nodes
i have a use case where I have a MatTree<Item> where Item contains a key
property. Given a specific key , i would like to expand the MatTreeNode and its parent recursively till root. Currently, ...
0
votes
2
answers
112
views
Angular Material: set the border color of an input field embedded within mat-form-field
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 ...
4
votes
1
answer
119
views
Angular Reactive Form - patchValue doesn't work on Multiple Select field
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 ...
Advice
0
votes
1
replies
114
views
Is it still worth using Mat in Angular from Angular 20?
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 ...
-1
votes
2
answers
181
views
Angular does not recognize button appearance specification color="warn"
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" ...
1
vote
1
answer
93
views
Angular Material: Programmatically setting MatSort does not update UI sort arrow
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 ...
0
votes
2
answers
244
views
How can I implement a FormArray of FormGroups?
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 ...
1
vote
0
answers
66
views
Problems using multiple themes after upgrade of Angular Material from v16 to v18
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 ...
0
votes
0
answers
60
views
Angular canDeactivate (Unsaved Changes Warning) works with route navigation but not inside custom slideout panel
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 ...