We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Regular html has both value and max. So does the ProgressPrimitive however it does not actually use the max when provided in the code for copy pasting, which is not valid. https://www.radix-ui.com/primitives/docs/components/progress
If the attribute is defined but not used, that is incorrect behavior and creates a real mismatch with other than being misleading.
I am seeing this cascade down to shadcn and v0.dev so I hope that fixing it here will fix it for all.
<ProgressPrimitive.Indicator style={{ transform: `translateX(-${100 - (value || 0)}%)` }} />
<ProgressPrimitive.Indicator style={{ transform: `translateX(-${100 - ((value || 0) / (max || 100)) * 100}%)` }} />
CodeSandbox Template
The text was updated successfully, but these errors were encountered:
No branches or pull requests
Bug report
Regular html has both value and max. So does the ProgressPrimitive however it does not actually use the max when provided in the code for copy pasting, which is not valid.
https://www.radix-ui.com/primitives/docs/components/progress
If the attribute is defined but not used, that is incorrect behavior and creates a real mismatch with other than being misleading.
I am seeing this cascade down to shadcn and v0.dev so I hope that fixing it here will fix it for all.
Current Behavior
Expected behavior
Reproducible example
CodeSandbox Template
Suggested solution
Additional context
Your environment
The text was updated successfully, but these errors were encountered: