Bug in table.scss footer cell height: unset instead of footer row height unset

Aperta Adatta ai principianti
#33,709 1 commento 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
1/5
Tempo stimato
Meno di un'ora
Idoneità per principianti
88/100
Tipo di issue
Bug
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
angular, scss
Ambito
frontend

Direzione di ricerca

Apri src/material/table/table.scss intorno alla riga 158 e confronta il selettore del footer con il comportamento previsto segnalato. Esegui la riproduzione StackBlitz collegata oppure i passaggi npm run start elencati, quindi verifica che sia la riga del footer, anziché una cella del footer, ad avere un’altezza non impostata e che le tabelle interessate non si rompano più.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

area: material/table gemini-triaged P4
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

No response

Description

// Flex rows should not set a definite height, but instead stretch to the height of their // children. Otherwise, the cells grow larger than the row and the layout breaks. .mat-mdc-table mat-header-row.mat-mdc-header-row, .mat-mdc-table mat-row.mat-mdc-row, .mat-mdc-table mat-footer-row.mat-mdc-footer-cell { height: unset; }
https://github.com/angular/components/blob/main/src/material/table/table.scss#L158

Is mat-mdc-footer-cell intentional?
I feel it must be mat-mdc-footer-row not `cell

Reproduction

StackBlitz link: https://stackblitz.com/edit/ydyoaqxm
Steps to reproduce:

  1. npm run start
  2. check 1 and 2 tables (wrong). check 3rd table fixed by tokens (okay)
Expected Behavior

mat-mdc-footer-row height unset

Actual Behavior

mat-mdc-footer-cell height unset

Environment
  • Angular: v18.2.4
  • CDK/Material: v18.2.4
  • Browser(s): 151.0.7922.172
  • Operating System (e.g. Windows, macOS, Ubuntu): windows
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 2h
PR unite (30g)
81

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di angular/components

Tutte le issue di angular/components

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.