angular / angular/components

Sticky columns of a native mat-table inside a tab have sticky position always 0px

Open
#16,074 4 comments 0 reactions 0 assignees View on GitHub
area: material/table P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### What is the expected behavior?
Sticky position of sticky columns should be calculated rightfully always

#### What is the current behavior?
`left` property of sticky columns inside a native-based `mat-table`, when placed inside a `mat-tab`, is always 0px

#### What are the steps to reproduce?
https://angular-material2-issue-pahywc.stackblitz.io

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular 7.2.15
Material: 7.3.7
OS: W10
TypeScript: 3.2.4
Browser: all

Contributor guide

Open the contributing guide

Research direction

Start with the linked StackBlitz reproduction and compare sticky-column offsets for a native-based mat-table inside and outside a mat-tab. Trace the mat-table sticky-position calculation and verify that the left offsets are recalculated to the correct values rather than remaining 0px.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.