В моем приложении Angular7 я использую меню mat (угловой материал 7.3.7) с MatMenuTrigger, расположенным в скрытом диапазоне. В настоящее время это прекрасно работает с каждым разрешением / прокруткой / и т. Д., За исключением одной ситуации, которую я обнаружил только тогда, когда клиент использует ее на своем ноутбуке. Его ноутбук имеет разрешение 1920x1080 НО с масштабированием экрана Windows, установленным на 125% (в настройках / системе).
Я попытался перейти на 100%, и позиционирование снова работает нормально. Из того, что я мог бы сказать, проверяя элемент и исходный код Angular Material, кажется, что lib читает позицию в процентном выражении (например, позиция триггера x% и y%), тогда как, когда она показывает меню, она добавляет фиксированную позицию CSS в пикселях, и для вычисления пикселей он применяет дробь к разрешению без масштабирования чтения.
По всей видимости, menuTrigger._getOverlayConfig (). PositionStrategy содержит правильный видовой экран, но при его установке каким-то образом эта информация теряется
Обновление: это также происходит при ручном увеличении / уменьшении страницы (т.е. ctrl + "+" и ctrl + "-")