Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

[Bug] ActionButton: Dropdown menu misaligned when clicking dropdown arrow

Aperta
#1,809 1 commento 0 reazioni 1 assegnatario Vedi su GitHub

@MAYANKSHARMA01010 ci sta già lavorando.

Dal 24/8/2026.

Valutazione

Questa issue non è ancora stata valutata.

Descrizione

kind/bug
Current Behavior

In the ActionButton component, clicking the dropdown arrow opens the menu misaligned and shifted to the right.

This happens because the Popper anchors dynamically to event.currentTarget (the small arrow button) instead of the entire ButtonGroup.

Expected Behavior

The dropdown menu should always open at a consistent, aligned position under the ButtonGroup, whether the user clicks the primary button or the dropdown arrow button.

Root Cause
  1. anchorEl was set to event.currentTarget inside handleToggle, which points only to the arrow button on the right edge.
  2. ButtonGroup was missing a ref={anchorRef}.
Related Issue
Environment
  • Component: @sistent/sistent (src/custom/ActionButton/ActionButton.tsx)
  • Consumers: Kanvas (MeshMap), Meshery UI
Lingua principale
TypeScript
Stelle
137
Fork
239
Merge medio
4g 14h
PR unite (30g)
5

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.

Altre issue di layer5io/sistent

Tutte le issue di layer5io/sistent

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.