Skip to content

Meter type="circle" doesn't always render all values #6287

@taysea

Description

@taysea

Expected Behavior

Meter type="circle" should render all data points. Functionality was fine in v2.24.0 but broken in v2.25.0.

Actual Behavior

Circle meter doesn't render all the data points and instead only renders the last one.

URL, screen shot, or Codepen exhibiting the issue

Code

 <Meter
        type="circle"
        values={[
          { value: 904436, color: "graph-0" },

          { value: 692866, color: "graph-1" },

          { value: 642068, color: "graph-2" },

          { value: 512772, color: "graph-3" },

          { value: 5032870, color: "graph-4" }
        ]}
        aria-label="meter"
        size="small"
        thickness="small"
      />

CodeSandbox (v2.24.0, working):
Screen Shot 2022-08-19 at 4 04 20 PM

Stable:
Screen Shot 2022-08-19 at 4 03 04 PM

Steps to Reproduce

Your Environment

  • Grommet version: 2.25.1
  • Browser Name and version: Mac Chrome
  • Operating System and version (desktop or mobile):

Metadata

Metadata

Assignees

Labels

bugissue that does not match design or documentation and requires code changes to address

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions