patternfly / patternfly/patternfly-react

Menu - update drilldown inline filter example markup

Offen
#9,777 11 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen

Dieses Issue hat noch niemand übernommen.

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

Beschreibung

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

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

Beginnen Sie mit dem PatternFly Menu-Dokumentationsbeispiel „with drilldown and inline filter“ und suchen Sie dessen React/TypeScript-Beispielquelltext. Führen Sie die relevanten Accessibility-Prüfungen oder den axe-Test aus und passen Sie dann das Filter-Markup so an, dass das ul des Menüs nur gültige li-Kinder enthält oder der Filter außerhalb der Liste liegt; abgeschlossen ist die Aufgabe, wenn das Beispiel ohne den gemeldeten axe-Fehler korrekt gerendert wird.

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
Ruhig
Klarheit
Größtenteils klar
Anfängerfreundlichkeit
62/100

Neue Issues direkt in Ihr Postfach

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