Partial HTML on Print of group list using html2canvas

Using html2canvas to print a group list (a office UI fabric component ) wrapped with a div.
All the items does not appear in the print when grouped list items goes beyond the screen(the item count is high).
Need to scroll down and once entire HTML is loaded then can be printed.

Development was done under below:

  1. NPM 4.2.0
  2. type script 2.3.2
  3. react: 15.6.2,
  4. react-dom: 15.6.2,
  5. react-router-dom: ^4.2.2
  • Browser & version: Chrome (Version 64.0.3282.186 (Official Build) (32-bit))
  • Operating system: Windows 10

After a long research able to find the RCA for the same.

There is callback parameter for Grouped list onShouldVirtualize to render the full or partial HTML which is set to true by default.
Due to the length of grouped list items,entire DOM was not rendering resulting this issue.Below fixed this issue

onShouldVirtualize={() => false }

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s