question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Replace CSS color-adjust to print-color-adjust

See original GitHub issue

Hello, based on the newest update from autoprefixer, the color-adjust shorthand is currently deprecated.

Could color-adjust be replaced with print-color-adjust in the code below?

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		color-adjust: exact;
		}
	}

source: https://github.com/Leaflet/Leaflet/blob/main/dist/leaflet.css#L658

  • I’ve looked at the documentation to make sure the behavior is documented and expected
  • I’m sure this is a Leaflet code issue, not an issue with my own code nor with the framework I’m using (Cordova, Ionic, Angular, React…)
  • I’ve searched through the issues to make sure it’s not yet reported

Steps to reproduce Steps to reproduce the behavior:

  • use autoprefixer to prefix css

Expected behavior

Not the warning “autoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently deprecated.” to occur

Environment

  • Leaflet version: 1.8.0

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

12reactions
Falke-Designcommented, Jun 2, 2022

@nessor no there will be no release in the next days. You can simply overwrite the css by adding this to your own css file:

.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}
7reactions
fjohocommented, Jun 27, 2022

Still no patch release planned for this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

autoprefixer: Replace color-adjust to print ... - Stack Overflow
I came across this error but unrelated to Bootstrap. It was with Next.js / Tailwind CSS. I ...
Read more >
autoprefixer: Replace color-adjust to print-color-adjust. #36259
and with postcss-fail-on-warn message failed my build :( fix: npm install autoprefixer@10.4.5 --save-exact.
Read more >
print-color-adjust - CSS: Cascading Style Sheets | MDN
When printing a page, the browser might want to replace light-colored text on a dark background with dark text on a white background....
Read more >
Solved — autoprefixer: Replace color-adjust to print-color ...
node_modules/postcss-loader/dist/cjs.js): Warningautoprefixer: Replace color-adjust to print-color-adjust. The color-adjust shorthand is currently ...
Read more >
print-color-adjust | CSS-Tricks
The print-color-adjust CSS property is sort of like a cost-cutting measure when it comes to printing a webpage.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found