search

telerik / kendo-themes

Monorepo for SASS-based Kendo UI themes
149 stars 71 forks source link

Grid Checkbox Selection - SVG icon always use fallback color #5129

Open pfaffmann opened 4 months ago

pfaffmann commented 4 months ago

Bug report

Dear Kendo Team,

Using the Grid Checkbox Selection column i found the following bug. The SVG check icon uses always the fallback color. Therfore it is not possible to set the color of this icon.

Reproduction of the problem

I created this snippet for reproduction. https://dojo.telerik.com/ufUdUnUH

  1. Run the snippet: https://dojo.telerik.com/ufUdUnUH
  2. Select a row in the grid
  3. Observe the color of the checkmark icon in the checkbox

I manually overwrite the --kendo-color-primary and --kendo-color-on-primary variables and expect, that the SVG icon uses the --kendo-color-on-primary color (green <-> #00ff00) as its stroke color, but it is white.

Current behavior

The SVG is set with the css url() function. This function sanitizes the input therfore the expression var(--kendo-color-on-primary, #ffffff) can not be evaluated. The icon uses always the fallback color as stroke color.

Expected/desired behavior

The SVG icon has the same color as set via --kendo-color-on-primary

Environment

georgi-sla commented 1 week ago

Similar behavior is also present in the Kendo UI for Angular RadioButton.