angular/components

CDK Overlay - Position Strategy with zoom css on parent

Aperta

#10.924 aperta il 19 apr 2018

Vedi su GitHubGuida contributor
 (20 commenti) (15 reazioni) (0 assegnatari)TypeScript (6650 fork)batch import
P4area: cdk/overlayhelp wanted

Metriche repository

Star
 (24.044 stelle)
Metriche merge PR
 (Metriche PR in attesa)

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 contributor

Direzione di ricerca
Indaga su come la strategia di posizionamento dell'overlay CDK calcola gli offset quando la proprietà CSS zoom è applicata sui contenitori padre. Verifica se zoom influisce sul calcolo degli offset e proponi una correzione utilizzando getBoundingClientRect o adattando il fattore di zoom.
Tech stack
typescriptcss
Dominio
frontend
Tipo issue
Bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 ore
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
CSSAngular CDK basics
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
50