angular / angular/components

bug(COMPONENT): Global density cant be set in angular material 15 mdc

Offen
#26,208 12 Kommentare 2 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
P2
Vorherrschende Sprache
TypeScript
Sterne
25k
Forks
6.8k
Ø Merge
1 T. 8 Std.
Gemergte PRs (30 T.)
91

Beschreibung

### Is this a regression?

- [ ] Yes, this behavior used to work in the previous version

### The previous version in which this bug was not present was

v14.2.7

### Description

New input fields appear super big compared to previous versions.

Setting global density does not work:

@include mat.all-component-densities('maximum');
or
@include mat.all-component-densities(-3);

or setting it directly inside the theme.

It all does not have any effect.

### Reproduction

Steps to reproduce:
1. use angular material 15
2. use any kind of text input
3. try making it smaller by setting global density higher

### Expected Behavior

Form fields scaling up or down in size

### Actual Behavior

No effect

### Environment

- Angular: 15.0.3
- CDK/Material: 15.0.2
- Browser(s): Chrome
- Operating System (e.g. Windows, macOS, Ubuntu): macOS

Beitragsleitfaden

Beitragsleitfaden öffnen

Rechercherichtung

Beginne damit, das Problem in Angular 15 mit einem Texteingabefeld und dem dokumentierten mat.all-component-densities-Mixin zu reproduzieren, einschließlich der Einstellung auf Theme-Ebene. Verfolge die Dichte- und Theme-Einstiegspunkte, um festzustellen, warum die Einstellung keine Wirkung hat; abgeschlossen ist die Aufgabe, wenn Formularfelder wie erwartet sichtbar größer oder kleiner werden.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
angular, typescript
Bereich
frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
42/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.