patternfly / patternfly/patternfly-react

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

Aperta
#12,500 2 commenti 1 reazione 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Stale
Lingua principale
TypeScript
Stelle
862
Fork
392
Merge medio
4g 8h
PR unite (30g)
9

Descrizione

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

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Inizia con il componente MenuToggle e confronta il suo comportamento quando è disabilitato con l’esempio di pulsante ARIA-disabled collegato nell’issue. Verifica la riproduzione di MenuToggle avvolto in Tooltip, quindi aggiungi il supporto per isAriaDisabled e i test che mostrino che un MenuToggle disabilitato può visualizzare il proprio tooltip.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
react, typescript
Ambito
accessibility, frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Attiva
Chiarezza
Abbastanza chiara
Idoneità per principianti
68/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.