Skip to content

[Bug]: Dropdown menu content is misaligned with its trigger button #220

Description

@asphum

Component

NavigationMenu

Describe the bug

When opening the dropdown menu, the dropdown panel does not align
with (or anchor to) the trigger button that opens it. The panel
appears offset/detached from the trigger instead of being
positioned directly below (or relative to) it, causing a visual
mismatch between the menu item and its opened content.

Reproduction

  1. Render a navbar with multiple menu triggers (e.g. หน้าแรก,
    มีอดีต, โน้ตบุ๊ค, แท็บเล็ต, พีซี, ชิ้นส่วน) using the dropdown
    component
  2. Click/hover on one of the trigger buttons (e.g. "ชิ้นส่วน") to
    open its dropdown menu
  3. Observe that the dropdown panel is not aligned with the trigger
    button it belongs to

Expected: the dropdown panel should be positioned relative to
(e.g. directly below) the trigger element that opened it.
Actual: the dropdown panel appears misaligned/offset from the
trigger.

Image

sv5ui version

2.7.0

Area

Not sure

Checklist

  • I searched existing issues and this is not a duplicate.
  • I reproduced this on the latest version of sv5ui.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions