Line-highlight corrupt print

[yoshigev]

Information:

• Prism version: latest from the download page
• Plugins: toolbar, copy-to-clipboard, line-highlight
• Environment: Browser (chrome)

Description
I'm using line-highlight, and when printing the page, the code is partially hidden.

This is caused because the transparent background of the line-highlight class is printed as opaque white.

Workaround
Set the style of the line-highlight class like this:

.line-highlight {
    -webkit-print-color-adjust: exact;
}

This works in Chrome. I didn't test with other browsers.

Example

<pre class="code-toolbar" data-line="4-8"><code class='language-json'>{


  "channelDat`": {
    "foo": {
      "bar": "bar"
    }
  }
}</code></pre>

Produces the following when printing the page:

[RunDevelopment]

Cannot reproduce.

Here is a minimal example project with your configuration and code. I tested it on Chrome 86 and everything works.

This seems like a problem with the specific CSS used on your site.

[yoshigev]

Hi @RunDevelopment.
Thanks for the quick reply.

I forgot to mention on my original post that it only happens when de-selecting the "Background graphics" checkbox on the Print options.
I just tried it with your project and it reproduced (using Chrome 86):

[RunDevelopment]

Sorry. I thought you meant "printed as opaque white" as rendered and literally printed. My bad.

I'll make a PR with your fix.