Overflow Menu Button
Überlauf-Menüknopf
Ein kleiner Button, oft als drei Punkte gezeigt, öffnet weniger wichtige Aktionen. Nutze ihn, wenn diese Aktionen nicht auf die Seite passen.
Ein echtes Beispiel
Jede Projektreihe zeigt Öffnen. Duplizieren, Archivieren und Löschen bleiben in ihrem Overflow-Menü.
Hauptteile
- 01Auslösen
- 02Anchored or modal surface
- 03Focus boundary
- 04Dismiss path
Verwenden Sie es, wenn
Verwenden Sie es, wenn ein Element mehrere sekundäre Aktionen hat und die Anzeige jedes Buttons die Seite überladen würde.
Nutze es nicht, wenn
Verstecke die Hauptaktion oder ein zerstörerisches Ergebnis nicht hinter einem unlabeled Icon. Halte den einzigen Weg zu einer wichtigen Aufgabe sichtbar.
In Code verwendeter Name
button[aria-haspopup=menu] + role=menu Vor dem Ausliefern
Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states.
Outcome: Complete the task with Überlauf-Menüknopf (Overflow Menu Button). User context: Jede Projektreihe zeigt Öffnen. Duplizieren, Archivieren und Löschen bleiben in ihrem Overflow-Menü. Recommended pattern: Überlauf-Menüknopf (Overflow Menu Button). Why it fits: Verwenden Sie es, wenn ein Element mehrere sekundäre Aktionen hat und die Anzeige jedes Buttons die Seite überladen würde. Do not use it when: Verstecke die Hauptaktion oder ein zerstörerisches Ergebnis nicht hinter einem unlabeled Icon. Halte den einzigen Weg zu einer wichtigen Aufgabe sichtbar. Product requirements: Define the default, loading, empty, error, success, and recovery states. Keep user input. Give clear feedback after every action. Accessibility and resilience: Use semantic HTML, full keyboard access, and visible focus. Make the layout work when zoomed and support reduced motion. Follow the project’s current rules. Do not add a new UI library unless the project already uses it. Acceptance criteria: The main task works with keyboard only and at 320px width. Focus and status changes are announced. Check loading, failure, retry, cancel, and reduced-motion paths. Evidence and limits (evidence boundary): Kein einziger offizieller Standard kontrolliert den gesamten Begriff. Seine Bedeutung kann sich zwischen Teams, Plattformen oder Frameworks ändern. Unknowns to confirm: Product wording, data source, analytics events, supported devices and languages, and platform limits.
Diese Anfrage prüfen
Review how Überlauf-Menüknopf (Overflow Menu Button) is used now. Definition: Ein kleiner Button, oft als drei Punkte gezeigt, öffnet weniger wichtige Aktionen. Nutze ihn, wenn diese Aktionen nicht auf die Seite passen. Release checks: Move focus on purpose. Keep it inside only when the overlay blocks the page. Support Escape and a visible close button, then return focus to the opener. Keep entered data and check small-screen, loading, and failure states. Before changing code, list the evidence, gaps, severity, and the smallest safe fix.