Last Updated: 08 Jun 2022 11:07 by ADMIN

The problem is reproducible in your demo section: https://demos.telerik.com/blazor-ui/colorpicker/overview

I attached two short video clips showing the problem and the screenshots below.

Image 1: Open the Color Picker by clicking on it with the mouse. The picker dialog opens.

Image 2: Click with the mouse in the green area. You see a minor change in the RGBA fields, but no change in the color canvas.

Image 3: By clicking in the G field e.g. and changing the number with the down key from 46 to 45, the slider moves back to the blue area of it.

It seems to happen only with the first click onto the slider. With the second click and more it works like it should.

Best regards,

Last Updated: 20 May 2022 09:25 by ADMIN
Release 3.4.0
Created by: Amanatios Amanatidis
Comments: 0
Category: ColorPicker
Type: Bug Report

When a culture that has comma for decimal separator is used, the ColorPicker formats the rgba() CSS rule as rgba(255,255,255,0,6) which is incorrect. The alpha value should always have a dot as a decimal separator.

<TelerikColorPicker @bind-Value="@value">

@code {
    public string Value { get; set; } = "#282f89";

Set the culture of the application so that the default decimal separator is a comma (el-GR).

// in Program.cs file
CultureInfo.DefaultThreadCurrentCulture = new CultureInfo("el-GR");
CultureInfo.DefaultThreadCurrentUICulture = new CultureInfo("el-GR");
Open the picker and set the value to the Alpha numeric textbox to 0,6. Apply the changes.

The rgba() rule is formatted as rgba(255, 255, 255, 0,6) but should be formatted as rgba(255, 255, 255, 0.6).