Primitive Progress wrapper omits numeric props from Root and ARIA value
维护者通常 2 天内回复
已经有一个关联 PR 被合并了。
- #7438 来自 @harsh21234i —— 已合并
评估
- 难度
- 2/5
- 预计耗时
- 1-3 小时
- 新手友好度
- 75/100
- Issue 类型
- 缺陷
- 描述清晰度
- 描述清楚
- 活跃度
- 活跃
- 技术栈
- python
调研方向
找到仅使用 className 构造 RadixProgressRoot 的原始 Progress 包装器；向 Root 元素添加 value 和 max 属性，使其变为确定状态并暴露 aria-valuenow。通过渲染组件并检查 Root 元素是否具有正确的 data-state 和 aria-valuenow 属性来验证。
由索引模型根据 Issue 内容生成。
描述
The high-level primitive Progress wrapper forwards value and max to its Indicator, leaving the Root indeterminate and without aria-valuenow. State-driven visual updates work, but assistive technology cannot read the numeric progress.
This reproduces with stable reflex-components-radix==0.9.10.post1/Reflex 0.9.12 and alpha Radix/Reflex 0.10.0a1; it is preexisting. Themes rx.progress exposes the value correctly.
Reproduce
import reflex as rx
from reflex_components_radix.primitives.progress import progress
class State(rx.State):
amount: int = 25
# Render in an app, with a State event/slider that changes amount.
progress(value=State.amount, max=100, id="primitive-progress")
- Open the page and inspect
#primitive-progress. - Change
State.amountfrom 25 to 100 through the app's slider. - Expected: the Root is determinate, exposes the current numeric
aria-valuenow, and reaches the complete state at 100. - Actual: the visual Indicator updates, but the Root remains
data-state="indeterminate"and omitsaria-valuenow.
Construction output isolates the prop placement:
RadixProgressRoot: className only; no value/max
RadixProgressIndicator: value=<State.amount>, max=100
Environment and evidence
macOS, Python 3.13, real dev/prod Chromium 143.0.7499.4 testing. Only published packages were installed in isolated environments; no framework fix was applied.
- Small construction probe.
- Stable render and alpha render, under
primitive_progress. - Dashboard with State slider and Themes comparison.
- Browser assertions and production screenshot.
- 主要语言
- Python
- 星标
- 29k
- 派生
- 1.8k
- 平均合并
- 3 天 7 小时
- 30 天内合并 PR
- 176
环境准备
在浏览器里用你自己的 GitHub 账号启动这个项目的开发容器。
- 没有 Dockerfile 或 Docker Compose 文件
- 有 Pull Request 模板
- 阅读贡献指南
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
reflex-dev/reflex 的其他 Issue
-
`get_field_type` and `get_attribute_access_type` read `__fields__` and emit `PydanticDeprecatedSince20` on each field access可能已有人在做 @LaoChouPro 于 2 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 72/100
reflex-dev/reflex#7561 · 1 条评论 ·
维护者通常 2 天内回复
-
`reflex run --json` ignores SIGINT sent to its pid; under supervisord stopsignal=INT the app is orphaned and blocks the restart可能已有人在做 @harsh21234i 于 6 天前认领。 未关闭
难度 2/5 1-3 小时 新手友好度 76/100
reflex-dev/reflex#7509 · 1 条评论 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 70/100
reflex-dev/reflex#7260 · 2 条评论 ·
维护者通常 2 天内回复
-
难度 2/5 1-3 小时 新手友好度 78/100
reflex-dev/reflex#7148 · 1 条评论 ·
维护者通常 2 天内回复
-
ClientStateVar: a component that mounts while the value is non-default never re-renders on the push back to the default可能重新可做 关联的 PR 已关闭且未合并。 未关闭
难度 2/5 1-3 小时 新手友好度 78/100
reflex-dev/reflex#6823 · 1 条评论 ·
维护者通常 2 天内回复
查看 reflex-dev/reflex 的全部 Issue
相似的 Issue
-
Use mhctools predictor_required=False for saved-result rescoring可能已有人在做 @iskandr 今天认领。 未关闭
难度 2/5 1-3 小时 新手友好度 72/100
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 79/100
-
难度 1/5 1 小时以内 新手友好度 85/100
521xueweihan/HelloGitHub#4051 · 1 条评论 ·
-
bug documentation
难度 2/5 1-3 小时 新手友好度 78/100
awslabs/visual-asset-management-system#514 ·
维护者通常 1 天内回复
-
backend bug spec:REQ-053
难度 2/5 1-3 小时 新手友好度 66/100
nolte/kamerplanter#2547 ·
维护者通常 1 天内回复