bug(tab): position sticky is broken inside of tabs
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
### Is this a regression?
- [ ] Yes, this behavior used to work in the previous version
### The previous version in which this bug was not present was
_No response_
### Description
position sticky doesn't work inside of mat-tabs because they use overflow: hidden;
### Reproduction
StackBlitz link: https://components-issue-kwznw3.stackblitz.io https://stackblitz.com/edit/components-issue-kwznw3?file=src%2Fapp%2Fexample-component.html
Steps to reproduce:
1. scroll down
2. see that the "broken scroll" element inside of the tab doesn't stick, but the same code outside does (see "sticky" right below it)
### Expected Behavior
position sticky should work
### Actual Behavior
position sticky doesn't work
### Environment
- Angular: tried it with 16.2.1 and 17.1.0
- CDK/Material: tried it with 16.2.1 and 17.1.0
- Browser(s): chrome/firefox
- Operating System (e.g. Windows, macOS, Ubuntu): windows
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la riproduzione StackBlitz collegata e con il file src/app/example-component.html a cui si fa riferimento, quindi esamina in che modo il comportamento di overflow del contenitore delle schede influisce su position: sticky. Il lavoro è completo quando l’elemento all’interno di una scheda rimane fisso durante lo scorrimento, come mostrato nella riproduzione, senza causare regressioni nel normale comportamento delle schede.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, css
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Ferma
- Chiarezza
- Specificata chiaramente
- Idoneità per principianti
- 35/100