角材料：顶部打开覆盖

Question

我正在使用最简单的叠加层。它的工作正常，但问题是，它总是在origin div的底部打开。我希望它默认情况下在顶部打开，并且如果顶部不在视口内则自动调整。 我该如何实现？

STACKBLITZ

打开叠加层的代码：

openSpaghettiPanel() {
    // TODO(jelbourn): separate overlay demo for connected positioning.
    let strategy = this.overlay.position()
        .connectedTo(
            this._overlayOrigin.elementRef,
            {originX: 'start', originY: 'bottom'},
            {overlayX: 'start', overlayY: 'top'} );

    let config = new OverlayConfig({positionStrategy: strategy});
    let overlayRef = this.overlay.create(config);

    overlayRef.attach(new ComponentPortal(SpagettiPanel, this.viewContainerRef));
  }