20,005 questions
Score of 0
2 answers
137 views
Custom Angular component with Signal Forms inside mat-form-field not rendering (MatFormFieldControl issue) – Angular 22 [closed]
I'm trying to create a reusable custom select component (timezone-select) that works seamlessly with Angular Signal Forms and Angular Material's mat-form-field.
Goal
Use it like a native Material ...
Score of 1
2 answers
129 views
Angular Material 3 Light and Dark modes
I want to be able to let the user select themes and light or dark mode, but let the system default light/dark mode apply when selecting a different theme, but I can't figure it out.
For some reason ...
Score of 0
2 answers
130 views
What is the correct way to use media queries with Angular Material?
I am working on a project with Angular Material, and I am using CSS files for styling. I have media queries like this:
@media (width <= 768px) {
.desktop-menu {
display: none;
}
}
However, ...
Score of 0
1 answer
79 views
What is the difference between <mat-icon>thumbs_up</mat-icon> and <mat-icon fontIcon="thumbs-up" />?
I have seen Angular Material Icons used in two different ways: <mat-icon>thumbs_up</mat-icon> and <mat-icon fontIcon="thumbs-up" />. What is the difference between them, ...
Best practices
1
vote
0
replies
34
views
Angular Material 3 styling
I'm just checking out the latest angular material and am having trouble figuring out how to do basic styling. They seem to have done away with helper classes and want you to use css variables, is ...
Score of 1
1 answer
82 views
Direct import of '@angular/localize/init' detected...Include '@angular/localize/init' as a polyfill instead
I tried to customize the paginator messages by implementing MatPaginatorIntl:
import { $localize } from '@angular/localize/init';
@Injectable()
export class PaginationInternationalization implements ...
Score of 1
1 answer
156 views
How do I prevent Angular material select to open upon pressing the enter key?
I have a form within a mat-dialog and I'd like the dialog to "submit" upon pressing the enter key given it is valid, i.e. close and pass the form's value to the dialog's afterClose promise.
...
Score of 2
1 answer
150 views
Issue in Angular Material version 21 - animation not working
I used Angular version 21 with Material version 21:
<mat-form-field appearance="outline">
<mat-label>Outline form field</mat-label>
<input matInput placeholder="...
Score of 0
2 answers
421 views
Angular Material: "'imports' must be an array of components, directives, pipes, or NgModules"
I'm following the Angular Material documentation. https://material.angular.dev/guide/getting-started
When using MatSlideToggle in a standalone component I get this error:
'imports' must be an array ...
Score of 1
1 answer
131 views
Angular search query not updating with user
I am making a zoo angular project practicing RXJS, where when the user searches or puts in a keystroke it first waits a couple milliseconds before searching so you dont do it on every key stroke.
Then ...
Score of 1
1 answer
87 views
HugeRTE dropdowns appearing behind Angular Material Dialog after v21 migration
I have recently migrated my project from Angular 17 to 21. I have several instances where i have a dialog (from Angular Material) with a text editor from library @hugerte/hugerte-angular. After ...
Score of 2
1 answer
171 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):
{
[...]
"...
Score of 2
2 answers
148 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 ...
Score of 0
1 answer
48 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
87
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 ...