radix-vue / radix-vue

Vue port of Radix UI Primitives. An open-source UI component library for building high-quality, accessible design systems and web apps.

Home Page:https://radix-vue.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[Bug]: Progress data-state is `indeterminate` when value is `0` and not `null`

Sandros94 opened this issue · comments

Environment

Developement/Production OS: Windows 11 22631.3527
Node version: 20
Package manager: pnpm@9
Radix Vue version: 1.7.0
Vue version: 3.4.21
Nuxt version: 3.11.2
Nuxt mode: universal
Nuxt target: server
CSS framework: tailwindcss@4.0.0-alpha.14
Client OS: Windows 11 22631.3527
Browser: Chromium 124.0.6367.155

Link to minimal reproduction

https://stackblitz.com/edit/issue-radix-vue-progress-animation?file=app.vue

Steps to reproduce

set :modelValue="0"

Describe the bug

When :modelValue="0" and NOT null the data-state is indeterminate instead of loading. This create issues with animations based on indeterminate when initializing processes.

Expected behavior

The date-state is set to loading, since we have a value of 0 instead of null.

Context & Screenshots (if applicable)

image