React-to-print: Some styles not appearing on print
When I click print on my printing button it print everything I want, but it breaks the styles from children that have the display flex on my css (display:flex).
The code:
```jsx
return (
<>
);
````
The flex property works inside the
This is how it should looks:
This is how it prints:
Can someone help me?
murilinhoPs
All 8 comments
Hello. Could you by chance make a codesandbox that replicates your issue? It's hard to diagnose any problems without having all of the working code
MatthewHerbst
on 17 Jun 2020
Okay, I'll create a codesandbox and send it to you, thanks!
murilinhoPs
on 17 Jun 2020
The link to sandbox:
https://codesandbox.io/s/github/murilinhoPs/MVP-Rotina-IL?file=/src/index.js
murilinhoPs
on 17 Jun 2020
Thanks, I'll take a look when I get some free time
MatthewHerbst
on 18 Jun 2020
Then same thing is happening to me it breaks the display flex
Israel-oduguwa
on 12 Oct 2020
me too
jlongguo
on 19 Oct 2020
me too!
kevinswartz
on 14 Nov 2020
Trying to re-visit this, could someone please provide me with a working codesandbox showing the issue? The above ones no longer seem to work. Also, to be clear: the print is based on the size of a piece of paper (a size you can change in CSS). If you are trying to print a page that is wider or taller than the page size of the paper there is no possible way it is ever going to look right for you. You would need styles similar to handling mobile devices, though possibly within an @media print query
MatthewHerbst
on 22 Feb 2021
Related issues
jogoool
路
8Comments
k-jiang
路
5Comments
sprietNathanael
路
4Comments
icebravo
路
5Comments
MikeSha
路
4Comments
Most helpful comment
Then same thing is happening to me it breaks the display flex