When I press zoom in or zoom out in HTML5 viewer, the element trv-report-page has set height: 0px; width;0px
I'm using Firefox 58.
When I disable width,height in css inspector all looks ok.
Without disabling report is gone. (hidden)
5 Answers, 1 is accepted
Rank 1
Veteran
BTW: Same happens on Opera.
I found the issue:
all is related to function setPageDimensions and line 1990 in v12.0.18.125.
this function is fired too soon. On inilital fire values are 0, then it uses that stored 0 for scalling.
changing line 1990 to
if ($target.data("pageWidth") === undefined || $target.data("pageWidth") === 0) {fixes issue.
Rank 1
Veteran
One more thing. It is not solving issue totally, there are still moments when it takes 0 as page width when switching between print and interactive views.
So still not fully solved.
Rank 1
Veteran
Another approach to the problem:
all setPageDimensions are fired now in setTimeout(1). So scaling it working, but it causes another downside - flickers on print view on page change. Because width, height is first removed then re-added to be positioned later.
Rank 1
Veteran
Ok, finally got it...
All issues are related to .loading and .error classes added by viewer js. The same classes were used by other libraries so styles were wrong.
I've changed all that things and now all is working.
This is a follow up from my answer to support ticket #1153796:
"It is not a known issue for us. I cannot reproduce it without knowing what is included to these external libraries that you have added. Basically, we can not guarantee for the behavior with included external resources that overwrites the default ones.
However, thank you for reporting this issue. We will log it into our system for further investigation and improvements."
Regards,
Silviya
Progress Telerik