Я использую Angular CDK Overlay, чтобы создать всплывающее окно для моего приложения. Он использует стратегию FlexibleConnectedTo и подключается к nativeElement, который я передаю ему.
Вот соответствующий фрагмент.
...
связан с парами: [{originX: 'end' ..., offsetY: -25})]
...
const posStrat = this.overlay.position (). FlexibleConnectedTo (anchor.nativeElement). withPositions (config.connetedPairs);
Здесь якорь: ElementRef.
Это прекрасно работает, и всплывающее окно располагается рядом с моим якорем - большую часть времени.
За исключением первого раза я открываю всплывающее окно после перезагрузки страницы. И я понятия не имею, почему. После обновления, даже если я подожду некоторое время, чтобы убедиться, что все компоненты загружены, при первом открытии всплывающего окна оно помещается в верхний левый угол экрана. Что не там, где должно быть. Все последующие всплывающие окна открываются там, где и должны, возле моего якоря.
Есть идеи, почему это происходит?