Am using html2canvas as an npm package in a react project.
Am generating a tree like chart using custom css that has few pseudo elements.
Ref : codepen
In chrome the connectors are not getting aligned in PDF as displayed in browser for single child scenarios.
In IE 10+, pseudo elements for the connectors are not displayed at all in PDF as visible in IE. They seems getting hidden somehow.
Chrome Browser View:
Chrome PDF View:
IE Browser View:
IE PDF View :
I presume this is something with respect to Pseudo Css elements in IE and Chrome.
Solution with the sample code would be appreciated.
Am using html2canvas as an npm package in a react project.
Am generating a tree like chart using custom css that has few pseudo elements. Ref : codepen
In chrome the connectors are not getting aligned in PDF as displayed in browser for single child scenarios. In IE 10+, pseudo elements for the connectors are not displayed at all in PDF as visible in IE. They seems getting hidden somehow.
Chrome Browser View:![chrome_tree_browser_view](https://user-images.githubusercontent.com/8213715/47001345-d880c100-d147-11e8-8b70-d19301e0c62b.PNG)
Chrome PDF View:![chrome_tree_pdf_view](https://user-images.githubusercontent.com/8213715/47001150-6b6d2b80-d147-11e8-819e-71ebb3b3cfd6.PNG)
IE Browser View:![ie_tree_browser_view](https://user-images.githubusercontent.com/8213715/47001368-e6364680-d147-11e8-8988-191884c54861.PNG)
IE PDF View :![ie_tree_pdf_view](https://user-images.githubusercontent.com/8213715/46998666-da935180-d140-11e8-9da3-70bfb67db068.PNG)
I presume this is something with respect to Pseudo Css elements in IE and Chrome.
Solution with the sample code would be appreciated.
Thanks in advance.
Specifications: