CDK Overlay - Position Strategy with zoom css on parent
- Lingua principale
- TypeScript
- Stelle
- 25k
- Fork
- 6.8k
- Merge medio
- 1g 8h
- PR unite (30g)
- 91
Descrizione
#### Bug, feature request, or proposal:
If you are using the `zoom` CSS property to scale down UI elements the positioning of the CDK Overlay are calculated incorrectly.
#### What is the expected behavior?
Overlay positions properly as the non-zoomed styled `div`
#### What is the current behavior?
Overlay positions are calculated incorrectly when the `zoom: 0.9` css property is on the parent container.
#### What are the steps to reproduce?
https://stackblitz.com/edit/cdk-overlay-zoom
#### What is the use-case or motivation for changing an existing behavior?
We have a Chrome only application that we use the `zoom` css property to scale down the UI. Using other methods of scaling does not work, so this is what we have to do.
#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Angular - 5.2.10
CDK - 5.2.5
Guida per i contributori
Apri la guida per i contributori
Direzione di ricerca
Inizia con la riproduzione StackBlitz collegata e confronta il posizionamento dell'overlay con e senza `zoom: 0.9` sull'elemento padre. Segui il punto di ingresso del posizionamento di CDK Overlay e i relativi calcoli delle coordinate, quindi verifica che l'overlay sia allineato al contenitore senza zoom nella riproduzione.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Valutazione
- Stack tecnologico
- angular, css, typescript
- Ambito
- frontend
- Tipo di issue
- Bug
- Difficoltà
- 4/5
- Tempo stimato
- 3-5 giorni
- Stato di attività
- Tranquilla
- Chiarezza
- Abbastanza chiara
- Idoneità per principianti
- 45/100