Sticky columns are not correctly positionned when there are 2 sticky columns on the left
- Vorherrschende Sprache
- TypeScript
- Sterne
- 25k
- Forks
- 6.8k
- Ø Merge
- 1 T. 8 Std.
- Gemergte PRs (30 T.)
- 91
Beschreibung
#### 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
Beitragsleitfaden
Rechercherichtung
Beginne mit der verknüpften StackBlitz-Reproduktion und dem Verhalten von Angular Material mat-table bei sticky columns, wobei der Schwerpunkt auf zwei linken sticky columns beim horizontalen Scrollen liegt. Vergleiche die Position der zweiten Spalte in den gemeldeten Beispielen und überprüfe das Ergebnis in den aufgeführten Firefox- und Chromium-Umgebungen. Als abgeschlossen gilt die Aufgabe, wenn beide sticky columns fixiert bleiben und die zweite Spalte korrekt positioniert ist.
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