Skip to content

[Heatmap] Color with 0% opacity fallbacks to "default" red color #1263

@dej611

Description

@dej611

Describe the bug
When passing a 8 digits HEX color (classic HEX 6-digits + alpha channel), when the alpha channel is 0 the color seems to be ignored and the fallback red color is used.

To Reproduce

  1. Pass the following colors={} props to the Heatmap component: ["#6092c000", "#6092c000", "#a8bfda", "#ebeff5", "#ecb385", "#e7664c"]
  2. Watch the first 2 buckets get colored in red

Apparently the bug does not appear when using the rgba notation.

Expected behaviour

Transparent color should appear.

Screenshots

Screenshot 2021-07-21 at 15 52 36

Kibana Cross Issues
elastic/kibana#106419

Metadata

Metadata

Assignees

Labels

:LensKibana Lens related issue:heatmapHeatmap/Swimlane chart related issueImpact:HighbugSomething isn't workinggood first issueGood for newcomerskibana cross issueHas a Kibana issue counterpart

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions