SSRS - Show SSRS Reports Properly in Chrome

After lot's of search i found  chrome doesn't supports IE's styles.

Here is the steps to find the issue.

Open a SSRS Report in Chrome, press F12 to open the Chrome DevTools window, press Ctrl-Fto search for the <div> tag with and id containing the words ReportArea. To confirm you had found it you should be able to see the <div> element with id containingVisibleReportContent above it.

Click on <div> with the id that looks like this “ctl99_ctl99” then look for the overflow style which is currently set to auto as illustrated below.

Now at right hand side you can see the style property like overflow:auto;

So, That is the reason while we are getting the  blank report every time in chrome.

Solution:

To make the change permanent you have to then go to your SSRS Server then on the path where SSRS is installed you have to do some modifications on the js file called ReportingServices.js. 

By default in SQL Server 2012 it will be in C:\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER\Reporting Services\ReportManager\js

Go to the bottom part then copy and paste the following js code.

function pageLoad() {
    var element = document.getElementById("ctl32_ctl09");
    if (element) {
        element.style.overflow = "visible";
    }
}

Then you have to refresh your http://localhost/report server and check the changes.

:D