Sticky columns of a native mat-table inside a tab have sticky position always 0px
- 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
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