Multiple viewers on one page

Bug Report or Feature Request (mark with an x)

- [ ] Regression (a behavior that used to work and stopped working in a new release)
- [x] Bug report -> please search issues before submitting
- [x] Feature request
- [ ] Documentation issue or request

I want to display multiple PDF files one below the other on one page. Also the PDF viewer should display all pages below each other (the black rectangle stands for the viewport):

However, since the viewer container is absolutely positioned, this does not work at the moment because the viewers are stacked on top of each other.

I changed the style from .ng2-pdf-viewer-container to position: relative which leads to this error:

Error: The `container` must be absolutely positioned.

When I remove the position: absolute rule from the viewer-container in the dev tools of the browser, the preview works exactly as expected. So I don`t understand why this restriction is there?

[Spielboerg]

My current workaround:

<pdf-viewer
  class="pdf-viewer"
  [class.pdf-viewer--relative]="positionPdfViewerRelative"
  [src]="objectUrl"
  [fit-to-page]="true"
  [show-all]="true"
  (after-load-complete)="handlePdfLoaded()"
></pdf-viewer>

public positionPdfViewerRelative: boolean = false;

public handlePdfLoaded(): void {
  this.positionPdfViewerRelative = true;
}

.pdf-viewer {
  display: block;

  &--relative {
    ::ng-deep .ng2-pdf-viewer-container {
      position: relative;
    }
  }
}

[Spielboerg]

@VadimDez There are more issues caused by the position: absolute: https://github.com/VadimDez/ng2-pdf-viewer/issues/805, https://github.com/VadimDez/ng2-pdf-viewer/issues/811 Therefore, please check whether this restriction is really necessary.