angular/components

CDK Overlay - Position Strategy with zoom css on parent

開放

#10,924 建立於 2018年4月19日

 (20 則留言) (15 個反應) (0 位負責人)TypeScript (6,650 個分叉)batch import
P4area: cdk/overlayhelp wanted

倉庫指標

星標
 (24,044 顆星)
PR 合併指標
 (PR 指標待抓取)

描述

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

貢獻者指南