angular / angular/components

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

Abierto
#18,002 4 comentarios 3 reacciones 0 asignados Ver en GitHub
area: cdk/table P3
Lenguaje dominante
TypeScript
Estrellas
25k
Forks
6.8k
Merge medio
1 d 8 h
PR fusionados (30 d)
91

Descripción

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

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Comienza con la reproducción vinculada de StackBlitz y el comportamiento de Angular Material mat-table con sticky columns, centrándote en dos sticky columns a la izquierda durante el desplazamiento horizontal. Compara la posición de la segunda columna en los ejemplos indicados y verifica el resultado en los entornos de Firefox y Chromium enumerados. Se considera terminado cuando ambas sticky columns permanecen fijas y la segunda columna está posicionada correctamente.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
angular, typescript
Área
frontend
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
42/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.