Forum Discussion
Embedded report datagrid row heights load with zero height
Figured it out for those seeing the same issue. The browser difference is just DOM render speed. I'm using an MV* JS framework (aurelia) and using a show/hide binding that hides the DIV container that contains the iframe. When the embedReport() method runs, I'm using on('rendered') event handler to show the div container with the iframe so we dont see the PBI loader since our site will be more than just PBI and isn't consistant with our styling. So I just changed the show/hide functionality (which is using display:none) to opacity:0 for hide and opacity:1 to show and we're back in business. I'm assuming this is because the iframe contents need a visible element to render properly to the available dimentions which don't really exist when display:none is set.
Figured it out for those seeing the same issue. The browser difference is just DOM render speed. I'm using an MV* JS framework (aurelia) and using a show/hide binding that hides the DIV container that contains the iframe. When the embedReport() method runs, I'm using on('rendered') event handler to show the div container with the iframe so we dont see the PBI loader since our site will be more than just PBI and isn't consistant with our styling. So I just changed the show/hide functionality (which is using display:none) to opacity:0 for hide and opacity:1 to show and we're back in business. I'm assuming this is because the iframe contents need a visible element to render properly to the available dimentions which don't really exist when display:none is set.
That's quite an obscure bug to find, but makes sense from the DOM layout perspective.
I would have thought that it would have caused more issues than just the data tables though.
Nice one!