Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Primitive Progress wrapper omits numeric props from Root and ARIA value

Đã đóng Phù hợp với người mới
  • Có gì không ổn?
#7,431 1 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 2 ngày

Một pull request liên quan đã được merge.

  • #7438 của @harsh21234i — đã merge

Đánh giá

Độ khó
2/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
75/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
python
Lĩnh vực
backend-api-design

Hướng nghiên cứu

Tìm wrapper Progress nguyên thủy nơi RadixProgressRoot được khởi tạo chỉ với className; thêm các prop value và max vào phần tử Root để nó trở nên xác định và cung cấp aria-valuenow. Xác minh bằng cách render component và kiểm tra xem phần tử Root có các thuộc tính data-state và aria-valuenow chính xác không.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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")
  1. Open the page and inspect #primitive-progress.
  2. Change State.amount from 25 to 100 through the app's slider.
  3. Expected: the Root is determinate, exposes the current numeric aria-valuenow, and reaches the complete state at 100.
  4. Actual: the visual Indicator updates, but the Root remains data-state="indeterminate" and omits aria-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.

Ngôn ngữ chính
Python
Star
29k
Fork
1.8k
Merge trung bình
3 ngày 7 giờ
Pull request đã merge (30 ngày)
169

Chuẩn bị môi trường

Mở trong Codespaces

Khởi chạy dev container của dự án ngay trên trình duyệt, bằng tài khoản GitHub của bạn.

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của reflex-dev/reflex

Tất cả issue của reflex-dev/reflex

Issue tương tự

Thêm issue về Python

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.