[7.0.1] width of pdf page exceed the maximum width and got trimmed from the right side

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
- [ ] Feature request
- [ ] Documentation issue or request

I have an issue with a pdf exceeding the width from style max-width which is mentioned in the docs, but seems that does not work, that issue happened with the latest changes (version 7.0.1).

I was using it as simple as:

<pdf-viewer [original-size]="false" [render-text]="false" [src]="pdfUrl" style="display: block; max-width: 1200px; margin: 0 auto;"></pdf-viewer>

Which was working, and tried:

<pdf-viewer [original-size]="false" [zoom-scale]="'page-width'" [fit-to-page]="true"  [autoresize]="true" [render-text]="false" [src]="pdfUrl"
              style="display: block; max-width: 1200px; margin: 0 auto;"></pdf-viewer>

Nothing worked, but when I changed .ng2-pdf-viewer-container to be position: relative it is worked fine.

So the change that I can say is behind this issue is this: https://github.com/VadimDez/ng2-pdf-viewer/commit/8d4f8ad25107a98e920ab18e32b828c2e5597e54#diff-c0a5f3426a537629a18cbeb63abc55b7ce727f267c2e85acf84c88ddd96e4cb1R3

The problem solved only runtime, but if I do something like:

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

I get only blank screen.

The workaround for this is to make the style inside pdf-viewer tag:

pdf-viewer {
  ::ng-deep {
    .ng2-pdf-viewer-container {
      max-width: 1200px;
    }
  }
}

[almothafar]

The issue still exists, don’t close it.

[almothafar]

Well, author is not replying 😕 that’s why no activity