patternfly / patternfly/patternfly-react

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

Offen
#12,500 2 Kommentare 1 Reaktion 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

Stale
Vorherrschende Sprache
TypeScript
Sterne
862
Forks
392
Ø Merge
4 T. 8 Std.
Gemergte PRs (30 T.)
9

Beschreibung

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

Beitragsleitfaden

Beitragsleitfaden öffnen

Erste Schritte

  1. Lies das ganze Issue und danach den Beitragsleitfaden des Projekts.
  2. Schreib ins Issue, dass du es übernimmst — das erspart doppelte Arbeit.
  3. Forke das Repository und arbeite in einem Branch.
  4. Öffne einen Pull Request, der die Issue-Nummer nennt.

Rechercherichtung

Beginne mit der MenuToggle-Komponente und vergleiche ihr Verhalten im deaktivierten Zustand mit dem im Issue verlinkten Beispiel für eine ARIA-disabled-Schaltfläche. Überprüfe die Reproduktion mit dem in Tooltip eingeschlossenen MenuToggle und füge anschließend Unterstützung für isAriaDisabled sowie Tests hinzu, die zeigen, dass ein deaktiviertes MenuToggle seinen Tooltip anzeigen kann.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
react, typescript
Bereich
accessibility, frontend
Issue-Typ
Bug
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Aktiv
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
68/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.