Please give a brief summary of your issue:
Invoking a custom Angular component from inside the Webviewer causes the component loses CSS and crash.
Please describe your issue and provide steps to reproduce it:
-In wvDocumentLoadedHandler function in webviewer.component.ts, update the contextMenuPopup to include a custom onClick handler that opens an Angular MatDialog.
-The dialog does not open property and the component crashes.
Please provide a link to a minimal sample where the issue is reproducible:
-I’ve attached pictures of the code invoking the dialog, a picture of what the dialog should look like, and a picture of what the dialog looks like when opened in the Webviewer.
It looks like not all the packages that are required are in the package.json?
Can you please verify that the sample is runnable without any global packages.
Best regards,
Tyler Gordon
Web Development Support Engineer
PDFTron
Thanks! That definitely adds back some styling to the dialog. However, the javascript functionality is still broken. For example, hitting the cancel button does not close the dialog via Angular’s dialog.close() method. Any advice? Thank you!