Javascript 应用实体缩放/缩放后如何更改角度覆盖位置？

我对8.2版的角材质中的CDK覆盖有问题

如果我使用transform CSS属性缩放实体元素，则CDK覆盖的位置计算不正确，并且所有角度材质组件/元素（

MatTooltip

，

MatMenu

等） 也会错误地显示。更准确地说，它们的右、左、上、下属性计算不正确

此处复制了测试用例：

这是已知的角度问题：

用于对主体元素应用缩放/缩放的代码：

const bodyElement = document.querySelector('body');
bodyElement.style.setProperty('-ms-transform', 'scale(1.5)');
bodyElement.style.setProperty('-moz-transform', 'scale(1.5)');
bodyElement.style.setProperty('-webkit-transform', 'scale(1.5)');
bodyElement.style.setProperty('transform', 'scale(1.5)');
bodyElement.style.setProperty('-ms-transform-origin', 'top left');
bodyElement.style.setProperty('-moz-transform-origin', 'top left');
bodyElement.style.setProperty('-webkit-transform-origin', 'top left');
bodyElement.style.setProperty('transform-origin', 'top left');

我能做些什么来克服这个问题吗

我正在考虑通过调用prototype或其他方法来覆盖

ConnectedPositionStrategy

、

GlobalPositionStrategy

和

FlexibleConnectedPositionStrategy

。我不知道如何做，以及在哪里做，以便在全球范围内应用它（意味着每个组件-

MatSelect

，

MatMenu

和其他组件）。 例如，我可以检查实际比例，如果它与基准值不同，我将以不同的方式计算覆盖边界框/窗格样式（右、上、左、下属性）

---

可能吗？还有其他（更好的）解决方案吗？

我也遇到同样的问题，你解决了吗？我也遇到同样的问题，你解决了吗？