html2canvas icon indicating copy to clipboard operation
html2canvas copied to clipboard

Published 20 hours ago • verified publisher icon niklasvh

Isue with DaisyUI plugin

Open dovaldev opened this issue 7 months ago • 13 comments

Bug reports:

I have been using html2canvas for a while and everything was working fine, until I tried DaisyUI and then I started having a rendering issue with the color. If you use that library, you will encounter problems when generating the canvas:

Attempting to parse an unsupported color function oklch ...

Specifications:

  • html2canvas version tested with: 1.4.1
  • Browser & version: Las version Chrome
  • Operating system: Android and MacOS

dovaldev avatar Nov 15 '23 08:11 dovaldev

The unsupported color function is oklch. Don't know why you decided to leave out the most important part 😉

thelfensdrfer avatar Nov 21 '23 23:11 thelfensdrfer

Facing the same issue.

Have you got any workarounds?

aksar9211 avatar Dec 01 '23 10:12 aksar9211

The unsupported color function is oklch. Don't know why you decided to leave out the most important part 😉

Updated. Thanks! :)

dovaldev avatar Dec 01 '23 12:12 dovaldev

Facing the same issue.

Have you got any workarounds?

I uninstalled DaisiUI and installed another alternative Tailwind library.

dovaldev avatar Dec 01 '23 12:12 dovaldev

Have you got any workarounds?

The best solution I could come up with was using a simplified stylesheet without daisyui. So same as @dovaldev.

thelfensdrfer avatar Dec 01 '23 12:12 thelfensdrfer

I've downgraded the DaisyUI version from 4x to 3.9.4. Now everything is working fine.

aksar9211 avatar Dec 04 '23 06:12 aksar9211

I've downgraded the DaisyUI version from 4x to 3.9.4. Now everything is working fine.

Thanks, working for me

iyansr avatar Dec 05 '23 09:12 iyansr

When I installed 3.9.4 instead of 4.x, it worked for me too but it would be great if the maintainers add support for new color specs. Downgrading isn't an ideal solution

brerdem avatar Dec 28 '23 06:12 brerdem

hi please help me toooo!

**Uncaught (in promise) Error: Attempting to parse an unsupported color function "oklch"**

yosefebrahimi7 avatar Jan 06 '24 16:01 yosefebrahimi7

Really? DaisyUI is basically my only option?

semiautomatix avatar Feb 06 '24 11:02 semiautomatix

I have got a branch that has a patch applied in source code that deals and converts the oklch values, that is working but I haven't done any of the work to add unit testing and the like.

sksizer avatar Feb 22 '24 18:02 sksizer

The unsupported color function is oklch. Don't know why you decided to leave out the most important part 😉

use https://www.npmjs.com/package/html2canvas-pro, it supports color function oklch!

yorickshan avatar Mar 11 '24 06:03 yorickshan

The unsupported color function is oklch. Don't know why you decided to leave out the most important part 😉

use https://www.npmjs.com/package/html2canvas-pro, it supports color function oklch!

Awesome!

sksizer avatar Mar 11 '24 06:03 sksizer