angular / angular/components

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

Ouverte
#18,002 4 commentaires 3 réactions 0 personnes assignées Voir sur GitHub
area: cdk/table P3
Langage dominant
TypeScript
Étoiles
25k
Forks
6.8k
Merge moyen
1 j 8 h
PR mergées (30 j)
91

Description

#### 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

Guide de contribution

Ouvrir le guide de contribution

Piste de recherche

Commencez par la reproduction StackBlitz liée et le comportement de Angular Material mat-table avec des sticky columns, en vous concentrant sur deux sticky columns à gauche lors du défilement horizontal. Comparez la position de la deuxième colonne dans les exemples signalés et vérifiez le résultat dans les environnements Firefox et Chromium indiqués. C’est terminé lorsque les deux sticky columns restent fixes et que la deuxième colonne est correctement positionnée.

Rédigé par le modèle d'indexation à partir du texte de l'issue.

Évaluation

Stack technique
angular, typescript
Domaine
frontend
Type d'issue
Bug
Difficulté
3/5
Temps estimé
1-2 jours
Activité
À l'abandon
Clarté
Plutôt claire
Accessibilité débutants
42/100

Recevez les nouvelles issues par e-mail

Un résumé court des issues GitHub adaptées aux débutants.