Угловая накладка CDK connect с прокруткой к контейнеру - PullRequest
Новая
       24

Угловая накладка CDK connect с прокруткой к контейнеру

0 голосов
/ 25 ноября 2018

(Первый пост здесь, так что терпите меня)

У меня есть таблица внутри контейнера, где я отображаю значок для строк, которые соответствуют определенным критериям.Если щелкнуть значок, откроется наложение для отображения некоторой информации, и наложение должно оставаться открытым, даже если я прокручиваю содержимое контейнера.Изначально прокрутка следовала за телом страницы, поэтому я начал создавать собственную стратегию.Тем не менее, я не могу заставить его следовать таблице прокрутки.Наложение прилипает в одном месте и соответственно не двигается.

Оверлей генерируется как показано ниже.Буду признателен за любые советы о том, как это вообще решается! 

private createOverlay() {
    const positionStrategy = this.overlay.position()
      .flexibleConnectedTo(this.overlayorigin.elementRef)
      .withFlexibleDimensions(false)
      .withPush(false)
      .withPositions([
        {
          originX: 'start',
          originY: 'bottom',
          overlayX: 'start',
          overlayY: 'top'
        },
        {
          originX: 'start',
          originY: 'top',
          overlayX: 'start',
          overlayY: 'bottom',
        }]);

    const overlayConfig = new OverlayConfig({
      hasBackdrop: false,
      scrollStrategy: this.overlay.scrollStrategies.reposition({autoClose: false}),
      positionStrategy: positionStrategy
    });


    this._overlayRef = this.overlay.create(overlayConfig);
    this._overlayRef.backdropClick().subscribe(_ => {
      this._overlayRef.detach();
      this.closeWarning.emit(true);
    });

    this._portal = new TemplatePortal(this.content, this.portal);
    this._overlayRef.attach(this._portal);
}
...