angular / angular/components

Sticky columns are not correctly positionned when there are 2 sticky columns on the left

Aperta
#18,002 4 commenti 3 reazioni 0 assegnatari Vedi su GitHub
area: cdk/table P3
Lingua principale
TypeScript
Stelle
25k
Fork
6.8k
Merge medio
1g 8h
PR unite (30g)
91

Descrizione

#### Reproduction

[Reproduced on stackblitz](https://stackblitz.com/edit/components-issue-8ut7gg)

Steps to reproduce:
1. Define a mat-table with 2 sticky columns on the left
2. Use the horizontal scrollbar
3. Position of the second column is not correctly computed

#### Expected Behavior

What behavior were you expecting to see?

Two sticky columns, correctly positioned and not moving when using the horizontal scrollbar.

#### Actual Behavior

What behavior did you actually see?

1. Sometimes, the second sticky column is actually moving when using the horizontal scrollbar (see the 3rd example on my stackblitz)
2. Sometimes the second sticky column is sticky, but not correctly positioned (see the 2nd example on my stackblitz: this column is too far on the right).

#### Environment

- Angular: 7, 8
- CDK/Material: 7, 8
- Browser(s): Firefox 71.0, Chromium 75.0.3770.142
- Operating System: Windows 10, Ubuntu 18.04

Guida per i contributori

Apri la guida per i contributori

Direzione di ricerca

Inizia dalla riproduzione StackBlitz collegata e dal comportamento di Angular Material mat-table con sticky columns, concentrandoti su due sticky columns a sinistra durante lo scorrimento orizzontale. Confronta la posizione della seconda colonna negli esempi segnalati e verifica il risultato negli ambienti Firefox e Chromium elencati. Il lavoro è completato quando entrambe le sticky columns rimangono fisse e la seconda colonna è posizionata correttamente.

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

Valutazione

Stack tecnologico
angular, typescript
Ambito
frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.