Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Not working on IOS on both Chrome and Safari #308

Closed
adrianclaudiudima opened this issue Apr 7, 2018 · 2 comments
Closed

Not working on IOS on both Chrome and Safari #308

adrianclaudiudima opened this issue Apr 7, 2018 · 2 comments
Assignees
Milestone

Comments

@adrianclaudiudima
Copy link

adrianclaudiudima commented Apr 7, 2018

Bug Report
- [x] Bug report

All the bellow are only available for Chrome / Safari browsers running on IOS (latest version - 11.3 ). For Android / Desktop versions, everything seems to be fine.

package.json - dependecies 
{
    "@angular/animations": "^5.2.9",
    "@angular/cdk": "^5.2.4",
    "@angular/common": "^5.2.9",
    "@angular/compiler": "^5.2.9",
    "@angular/core": "^5.2.9",
    "@angular/flex-layout": "^5.0.0-beta.14",
    "@angular/forms": "^5.2.9",
    "@angular/http": "^5.2.9",
    "@angular/material": "^5.2.4",
    "@angular/platform-browser": "^5.2.9",
    "@angular/platform-browser-dynamic": "^5.2.9",
    "@angular/router": "^5.2.9",
    "@fortawesome/fontawesome": "^1.1.5",
    "@fortawesome/fontawesome-free-brands": "^5.0.9",
    "@fortawesome/fontawesome-free-regular": "^5.0.9",
    "@fortawesome/fontawesome-free-solid": "^5.0.9",
    "classlist.js": "^1.1.20150312",
    "core-js": "^2.5.4",
    "hammerjs": "^2.0.8",
    "material-design-icons": "^3.0.1",
    "ng2-pdf-viewer": "^4.1.2",
    "player.js": "^0.1.0",
    "rxjs": "^5.5.8",
    "videogular2": "^6.0.8",
    "web-animations-js": "^2.3.1",
    "zone.js": "^0.8.25"
  }

I have an angular 5 project with angular material dependencies. When I'm importing PdfViewerModule in AppModule, this breaks Angular Material functionality on IOS devices - Chrome & Safari. Angular Material components stop working (those who use CDK Overlay - MatMenu / MatSidenav).
This happens only on IOS. On Android / Desktop everything seems to work fine.

@startswithaj
Copy link

Yeah so from what I can this library includes pdfjs which includes an animations polyfill that conflicts with web-animations.

https://github.com/mozilla/pdf.js/blob/6521d2fd941f26a1b7ae9b97f71842e49f5ff241/src/shared/compatibility.js#L571-L575)

credit goes to this guy on this stack... https://stackoverflow.com/questions/45824070/angular-4-animations-not-working-with-safari-ios-9-3

This lib needs to update to pdfjs 2 to fix this.

@adrianclaudiudima
Copy link
Author

I was able to use the latest version of pdfjs and worked just fine. Thanks for the quick response.

@VadimDez VadimDez added this to the 5.0.0 milestone Apr 22, 2018
@VadimDez VadimDez self-assigned this Apr 22, 2018
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants