patternfly / patternfly/patternfly-react

Menu - update drilldown inline filter example markup

Aperta
#9,777 11 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

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

Descrizione

Describe the enhancement or change
Currently the Menu with drilldown and inline filter example is rendering the search filter (drilled into level 2) as a div inside a ul element, causing an axe error to be flagged (since only li element should be direct children). Either the search input should be moved outside of the menu list or should be rendered within an li as well.

Is this request originating from a Red Hat product team? If so, which ones and is there any sort of deadline for this enhancement?

Any other information?


Jira Issue: PF-112

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

Parti dall’esempio della documentazione di PatternFly Menu, «with drilldown and inline filter», e individua il codice sorgente dell’esempio React/TypeScript. Esegui i controlli di accessibilità pertinenti o il test axe, quindi modifica il markup del filtro in modo che l’ul del menu contenga solo elementi li validi oppure che il filtro si trovi all’esterno dell’elenco; il lavoro è completato quando l’esempio viene visualizzato correttamente senza l’errore axe segnalato.

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à
Tranquilla
Chiarezza
Abbastanza chiara
Idoneità per principianti
62/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.