v3.1.0: document content is hidden

[MPuida]

Hello,

The issue occurred after react-pdf-viewer version update from 3.0.0 to 3.1.0. Document content is hidden on initial load however, the viewer displays the content as expected after actions such as mouse hover on one of the toolbar elements or navigation with a keyboard. For reference, I'm providing your own sample with updated react-pdf-viewer versions to 3.1.0.

https://codesandbox.io/s/react-pdf-viewer-sample-forked-xhvqm

[Dmo16]

We are also experiencing same after upgrading to 3.1.0

Bug behaves exactly as described above, and as is demonstrated in the codesandbox link.

[lexie-gainessmith]

We have the same issue, it only occurs for single page PDFs but it is consistent that the canvasLayer does not get it's opacity unset from "0".

[marinater]

Happening on multi-page PDFs as well. Happens on chrome but not firefox.

[phuocng]

@MPuida I can't reproduce the issue with the link you gave me.
I always see the content displayed properly there.

Do I miss something? My Chrome is Version 98.0.4758.80 (Official Build) (x86_64)

[flowsni]

I have the same issue, content appears when I start to scroll the page or hover over any action button(Toolbar).

[MPuida]

@MPuida I can't reproduce the issue with the link you gave me. I always see the content displayed properly there.

Do I miss something? My Chrome is Version 98.0.4758.80 (Official Build) (x86_64)

My chrome version is Version 98.0.4758.82 (Official Build) (64-bit) so it is pretty much the same. As for reproduction, I reload the inbuilt browser and the content of the pdf is not appearing.

[Dmo16]

@phuoc-ng I just double checked to see if an update somewhere fixed the issue, but it's still present for me, with the same codesandbox link.

Chrome: Version 98.0.4758.82 (Official Build) (64-bit)

[321ckatz123]

@phuoc-ng this is strictly a guess as I don't exactly know how you are doing the virtualization, but you are on a 32-bit version of Chrome and everyone who has the issue so far who has reported browser is on a 64-bit version of Chrome.

Could it be related to that?

[phuocng]

@321ckatz123 Thanks for the suggestion. However, I can't see the issue when trying on the following browsers

(both run on Windows 11)

I still don't know the way/environment to reproduce the issue :(

[ZinkNotTheMetal]

Seems related to my issuse, should have done more research before I created a bug
#1010

[phuocng]

@MPuida @Dmo16 @lexie-gainessmith @marinater @321ckatz123 @ZinkNotTheMetal
v3.1.1 is released. Please upgrade.

[Dmo16]

@phuoc-ng after upgrading in our main application, the issue is a little better, but still present.

I've been able to reproduce this bug with a minimal CRA app located here:

https://github.com/Dmo16/react-pdf-viewer-988

It contains 2 static files that you can toggle between.

This bug seems to be more prominent in image heavy PDF files.

Here's a video of the above app demonstrating the bug:

https://www.loom.com/share/a82604ff4d9d4749b4b87fb03e06bd14

[321ckatz123]

@phuoc-ng can this please be reopened? We are seeing the same thing as @Dmo16 is seeing.