CDK Overlay - Position Strategy with zoom css on parent
- Langage dominant
- TypeScript
- Étoiles
- 25k
- Forks
- 6.8k
- Merge moyen
- 1 j 8 h
- PR mergées (30 j)
- 91
Description
#### 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
Guide de contribution
Ouvrir le guide de contribution
Piste de recherche
Commencez par la reproduction StackBlitz liée et comparez le positionnement de l’overlay avec et sans `zoom: 0.9` sur l’élément parent. Suivez le point d’entrée du positionnement de CDK Overlay et ses calculs de coordonnées, puis vérifiez que l’overlay s’aligne sur le conteneur sans zoom dans la reproduction.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Évaluation
- Stack technique
- angular, css, typescript
- Domaine
- frontend
- Type d'issue
- Bug
- Difficulté
- 4/5
- Temps estimé
- 3-5 jours
- Activité
- Calme
- Clarté
- Plutôt claire
- Accessibilité débutants
- 45/100