Height=100% in v19.2.0.48 is broken

[Arthur Butler]

I have a server-side app that uses SfPdfViewer.  If I set Height=100% in v19.2.0.48, it does not work.  It gives me a height of about a half inch.  This worked fine in v19.2.0.44 and earlier releases where the height was determined by its parent div height.

Regards,

Arthur

[Dhivyabharathi Mohan]

Hi Arthur, 

 

 

We have checked by set the width and height of the PDF Viewer with 100%. But we were unable to reproduce this issue. We have shared the sample and screenshot for your reference. 

 

 

 

Blazor Sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/blazor_application2145937229  

 

 

Web service: https://www.syncfusion.com/downloads/support/directtrac/general/ze/PDFViewerWebService1980131892  

 

 

 

Screenshot of PDF Viewer while set the width and height as 100%: 

 

 

 

 

Code snippet which we used to set width and height: 

 

<div style="width:100%; height: 100%;"> 

    <SfPdfViewer @ref="PdfViewer" DocumentPath=@DocumentPath ServiceUrl="https://localhost:44399/pdfviewer" Height="100%" Width="100%"> 

    </SfPdfViewer> 

</div> 

 

 

 

Could you please try the sample and let us know whether the issue is resolved or not? If the issue is not resolved, kindly share the screenshot or replication steps to reproduce this issue. It will be helpful for us to investigate further and provide the details at the earliest. 

 

 

Regards, 

Dhivya. 

 

[Arthur Butler]

In your example, change the div in index.razor to be:

<div style="width:100%; height: 800px;background-color:pink;">

You will see that the PdfViewer does not take up 100% of the div height.

Re

[Dhivyabharathi Mohan]

Hi Arthur, 

 

 

We were able to reproduce the reported issue, “Height of the parent div element is not applied to the PDF Viewer component”. We will analyze further and provide the details on August 9, 2021. 

 

 

Regards, 

Dhivya. 

[Dhivyabharathi Mohan]

Hi Arthur, 

  

  

We confirmed the reported issue “Height of the parent div element is not applied to the PDF Viewer component” is a defect and the fix for the changes will be included in our upcoming weekly NuGet release on August 25, 2021. You can track the status using the below feedback link, 

  

  

 https://www.syncfusion.com/feedback/27722/the-height-of-the-parent-div-element-is-not-applied-to-the-pdf-viewer-component 

 

 

  

Regards, 

Dhivya. 

  

[Dhivyabharathi Mohan]

Hi Arthur, 

  

  

We have resolved the reported issue in our latest weekly NuGet release version v19.2.0.57. Kindly upgrade to that version to resolve the issued.    

     

Packages:    

    

Blazor Client	https://www.nuget.org/packages/Syncfusion.Blazor/
Blazor Sever	https://www.nuget.org/packages/Syncfusion.Blazor.PdfViewerServer.Windows
Service side package	ASP.NET Core :        https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Core.Windows/ https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Core.Linux/         https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Core.OSX/                 ASP.NET MVC:        https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Mvc5/        https://www.nuget.org/packages/Syncfusion.EJ2.PdfViewer.AspNet.Mvc4/

     

   

 

CDN :  http://cdn.syncfusion.com/ej2/19.2.57/dist/ej2.min.js  

 

https://cdn.syncfusion.com/ej2/19.2.57/material.css  

 

Regards, 

Dhivya.