Skip to content

Meter component visual bug (value bar rendering issue) #4794

@DanielPagani

Description

@DanielPagani

Environment

  • Operating System: Ubuntu
  • Node Version: v22.12.0
  • Nuxt Version: ^3.18.1

Version

v2.22.1

Reproduction

Steps to Reproduce:

Use the UMeter component with any :value between 0–100.

Observe that the bar styling/visual is broken.

https://ui2.nuxt.com/components/meter

Description

The Meter component currently has a visual issue where the value bar does not render correctly (appears broken/misaligned).

The Meter bar should render correctly and fill/deplete smoothly according to the provided value.

Image

Additional context

I have already opened a PR with a fix for this issue: #4735

Opening this issue to track the problem and link it to the PR.

Logs

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions