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

[almothafar]

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: 8d4f8ad#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]

@VadimDez please check this out.

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[almothafar]

Well, author is not replying :/ that's why no activity

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[almothafar]

The issue still exists, don't close it.

[JakeFromIBM]

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

Thank you @almothafar, this work-around did the job perfectly

[VadimDez]

Checkout 7.0.2 release, should be better now, I've also included breaking change note.