Я использую Angular (я не знаю, относится ли он к этому вопросу), и я работаю с настраиваемым модулем popover, основанным на диалоге материала, с некоторыми изменениями.
Одним из них является позиционная стратегия. Он использует FlexibleConnectedPosition для «привязки» к элементу, который его вызвал. Это работает отлично, и репозиционирование (если не указано явно) работает как шарм. Чтобы проверить репозицию, я создал демонстрационное приложение с отступом 500px в теле, чтобы позволить мне прокручивать.
Теперь я заметил, что когда я устанавливаю явную позицию для всплывающего окна (например, я хочу всплывающее окно в нижней части моей кнопки) и прокручиваю ось X, размер всплывающего окна изменяется.
Я пытался найти, если это проблема с моим CSS или есть какая-либо опция в FlexibleConnectedPosition, которая может конфликтовать, но я нашел только один _hasFlexibleDimensions, и для него уже установлено значение false предотвратить изменение размера наложения.
Вот демонстрационное видео https://i.imgur.com/7Gtws8f.gifv
В этом видео вы можете видеть, что при прокрутке содержимое сокращается.