patternfly / patternfly/patternfly-react

Bug - [MenuToggle] - [No way to show a tooltip with a disabled MenuToggle]

Đang mở
#12,500 2 bình luận 1 reaction 0 người được giao Xem trên GitHub

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

Stale
Ngôn ngữ chính
TypeScript
Star
862
Fork
392
Merge trung bình
4 ngày 8 giờ
Pull request đã merge (30 ngày)
9

Mô tả

Describe the problem

Following the aria disabled button with tooltip example, I want to apply the same to the MenuToggle but it has no isAriaDisabled or support to show a tooltip when the MenuToggle is disabled

How do you reproduce the problem?

import { MenuToggle, Tooltip } from '@patternfly/react-core';

export const MenuToggleDisabled: React.FunctionComponent = () => <Tooltip content="spooky"><MenuToggle isDisabled>Disabled</MenuToggle></Tooltip>;

Expected behavior

isAriaDisabled is supported and showing a tooltip works.

Is this issue blocking you?

No, for now we just show a disabled DropdownItem when no menu items are available.

Screenshots
If applicable, add screenshots to help explain the issue.

What is your environment?

  • OS: [e.g. iOS]
  • Browser [e.g. chrome, safari]
  • Version [e.g. 22]

What is your product and what release date are you targeting?

Cockpit.

Any other information?

None.


Jira Issue: PF-4329

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

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.

Hướng nghiên cứu

Bắt đầu với component MenuToggle và so sánh hành vi khi bị vô hiệu hóa của nó với ví dụ về nút ARIA-disabled được liên kết trong issue. Xác minh reproducer của MenuToggle được bọc trong Tooltip, sau đó thêm hỗ trợ cho isAriaDisabled và các bài kiểm thử cho thấy một MenuToggle bị vô hiệu hóa có thể hiển thị tooltip của nó.

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

Đánh giá

Công nghệ
react, typescript
Lĩnh vực
accessibility, frontend
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Sôi nổi
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
68/100

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.