Need More Info
Last Updated: 12 Feb 2025 13:58 by ADMIN
Paul
Created on: 06 Feb 2025 08:50
Category: Kendo UI for jQuery
Type: Bug Report
0
Clear option on colorpicker doesn't work correctly on input-tag with type color

See demo page: https://docs.telerik.com/kendo-ui/api/javascript/ui/colorpicker/configuration/clearbutton

The example uses "<input id="colorpicker" type="color" />".  Opening the preview reveals a black color.
Change the input-tag to div and the 'clear'-style is presented in the preview.
Or remove the color type when using the input-tag: "<input id="colorpicker" />" also correctly represents clear.

I can also locally reproduce it with Kendo UI jQuery v2024.4.1112.

1 comment
ADMIN
Martin
Posted on: 12 Feb 2025 13:58

Hello, Paul,

If the issue is the black color value in the clearButton example, it is expected as the default value forthe <input type="color"/> element is #000000. If you wish to avoid that, you can use any of the approaches you mentioned - remove the type attribute, or create the ColorPicker from a div element.

Let me know if the information above would be useful.

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.