angular/components

CDK Overlay - Position Strategy with zoom css on parent

Open

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

在 GitHub 查看
 (20 留言) (15 反應) (0 負責人)TypeScript (6,650 fork)batch import
P4area: cdk/overlayhelp wanted

倉庫指標

Star
 (24,044 star)
PR 合併指標
 (平均合併 3天 12小時) (30 天內合併 98 個 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

貢獻者指南