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

bug: ion-range: Clicking/Tapping on the Last tick doesn't work

Đang mở Phù hợp với người mới
#30,738 0 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 1 ngày

Chưa có ai nhận issue này.

Đá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
70/100
Loại issue
Lỗi
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Đình trệ
Công nghệ
typescript
Lĩnh vực
frontend

Hướng nghiên cứu

Bắt đầu với ion-range Docs Example trong phần snapping--ticks và theo dõi việc định vị tick cuối cùng cũng như xử lý thao tác nhấp của component range. Tái hiện vấn đề bằng cách nhấp vào tick cuối cùng, sau đó xác minh rằng tick cuối cùng chọn tùy chọn range cuối cùng và rằng tương tác liên quan vẫn có thể sử dụng được khi các tick rộng hơn.

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

Mô tả

triage
Prerequisites
Ionic Framework Version

v8.x

Current Behavior

The last tick has a style="left:100%" which puts it outside the clickable area. This isn't so noticeable with default styles, but making the ticks any wider makes the issue clear to users.

Image

The grabbing cursor only shows when hovering over the bar, and clicking the actual tick does nothing.

Expected Behavior

Clicking on the final tick should select the last option in the range.

Steps to Reproduce

This is reproducible with the Docs Example.

  1. Go to https://ionicframework.com/docs/api/range#snapping--ticks
  2. Click on the last tick
Code Reproduction URL

https://ionicframework.com/docs/api/range#snapping--ticks

Ionic Info

N/A

Additional Information

No response

Ngôn ngữ chính
TypeScript
Star
52.7k
Fork
13.3k
Merge trung bình
2 ngày 8 giờ
Pull request đã merge (30 ngày)
52

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

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 ionic-team/ionic-framework

Tất cả issue của ionic-team/ionic-framework

Issue tương tự

Thêm issue về TypeScript

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.