react-to-print

react-to-print copied to clipboard

CSS `background-clip` properties not displayed correctly

11

In the **current version**, a text with the following css does only show the background image but not the text (Microsoft Edge Version 105.0.1343.50): ```html TITLE ``` ```css .title {...

dudenhot

page break not working in echart

1

In the same page, Page break is useful for table and text, but not for EChart, as shown in the figure below for print preview。Is there any solution to this...

RImpression

Hello, I have added a new resource for IMG tags. I came across this tutorial when researching for some materials to help me learn web development. This reference will make...

sandeepmishratech

On mobile devices are not truncated accordingly ref

1

 Idk but in my laptop normal, on mobile devices normal but modal also printed

dimasandriano

Border top and bottom

1

@MatthewHerbst I am trying to print a multi page component and calling the pageStyle automatically adding the header and footer which is very nice. But all the css that I...

HumanMu

getting Supplied Data is not a valid base64-String jsPDF.convertStringToImageData erorr while directly downloading image

1

```jsx const handleDownload = useReactToPrint({ content: () => componentRef?.current, removeAfterPrint: true, pageStyle: pageStyle, print: async (printIframe) => { const document = printIframe?.contentDocument; if (document) { const html = componentRef?.current; const...

mayurbrainvire

DOMException: Failed to set the 'adoptedStyleSheets' property on 'ShadowRoot': Sharing constructed stylesheets in multiple documents is not allowed

8

DOMException: Failed to set the 'adoptedStyleSheets' property on 'ShadowRoot': Sharing constructed stylesheets in multiple documents is not allowed i use Ionic Ionic use ShadowRoot pls fix

NeluQi

onAfterPrint is called before print iframe appears

1

Hi. I've noticed, that the `onAfterPrint` may be called before printing iframe is opened. Here is my code: ```tsx const { data: order, error } = useOrderPrint(`${orderNumber}`); const printElementRef =...

DmytroLynda

Add dynamic colors to print function

1

I tried not printing my footer and what i did was ```js const print = ` @media print { footer { display: none; } `; ``` ```jsx const handlePrint =...

ratnabh

The FOOTER to only display at the LAST PAGE

3

I have this page, in which it has a header (not using or tag), table contents and a footer (not using or tag). Currently, it has two pages, as seen...

codestitch