Within my Angular application, we have integrated a feature where users can view a PDF report downloaded via an API within an iFrame.
.TS code:
In the TypeScript code snippet provided, we are subscribing to the execution of the reportservice and handling the response data as a Blob. We then create a URL for this Blob object and sanitize it for secure resource usage in the application..html code:
The HTML code snippet demonstrates how we embed the PDF report within an iframe element with specific width and height attributes.We are facing an issue with Microsoft Edge browser retaining zoom and page number settings from previous views when loading subsequent reports. While there is a manual setting in Edge to disable this behavior, we are looking for a programmatic solution to force the browser to forget these settings for all users accessing the reports. Unfortunately, Edge remembers these settings even when switching between different reports.