How to set values to angular material Constants like SELECT_PANEL_MAX_HEIGHT

Question

How to assign value to the Angular Material Constants like SELECT_PANEL_MAX_HEIGHT Which are provided in the official angular Material Documentation here

Eduard Kolosovskyi · Accepted Answer · 2019-05-21T12:10:52.043

4

Constants such as SELECT_PANEL_MAX_HEIGHT is read only. You can only override options which have a special Injection token. For example: MAT_TOOLTIP_DEFAULT_OPTIONS for Material tooltip.

import { MAT_TOOLTIP_DEFAULT_OPTIONS } from "@angular/material";

...

providers: [
    {
        provide: MAT_TOOLTIP_DEFAULT_OPTIONS,
        useValue: {
            showDelay: 500,
            hideDelay: 300
        }
    }
]

edited May 21 '19 at 12:10

answered Feb 28 '19 at 04:53

Eduard Kolosovskyi

1,396
12
18

1

@masu9 if an injection token is provided you can use it to override the default behavior or values. [Tooltip Constants](https://material.angular.io/components/tooltip/api#constants) – webpreneur May 30 '19 at 09:05
Is there any way to change the value of a constant to modify the behavior of a component? For example, the animation speed of the expansion panel – Andres Gardiol Dec 12 '19 at 14:46
@AndresGardiol take a look at this example https://stackblitz.com/edit/angular-aubesd and try to change EXPANSION_PANEL_ANIMATION_TIMING constant – Eduard Kolosovskyi Dec 13 '19 at 09:35

score 1 · Answer 2 · answered Apr 01 '20 at 06:42

1

Another option to make the select panel bigger or smaller:

::ng-deep .mat-select-panel {
  max-height: 80vh !important;
}

https://stackoverflow.com/a/52975755/399527

answered Apr 01 '20 at 06:42

Amos

91
3

::ng-deep seems to be deprecated, and it did not work for me – bfredo123 Jun 06 '20 at 16:41

score 1 · Answer 3 · answered Jun 06 '20 at 16:49

1

see https://github.com/angular/components/issues/11780, the following worked for me:

.mat-select-panel {
  max-height: 300px!important;
}

answered Jun 06 '20 at 16:49

bfredo123

462
1
8
20

How to set values to angular material Constants like SELECT_PANEL_MAX_HEIGHT

3 Answers3

Linked