Skip to content

[Vue] Wrong active item on arrow down #3775

@mochetts

Description

@mochetts

What package within Headless UI are you using?

@headlessui/vue

What version of that package are you using?

(latest) 1.7.23

What browser are you using?

Chrome

Reproduction URL

https://codesandbox.io/p/devbox/pedantic-sun-4hc3z7?workspaceId=ws_5oYAKSQKqDxCALy5zXrTYs

Describe your issue

In the combobox component, when there's no active item and I press the arrow key down I get the second item activated instead of the first one.

Screen.Recording.2025-08-23.at.5.59.23.PM.mov

Repro steps:

  • Open the reporduction url
  • Run the "preview" task.
  • Open the dropdown
  • Blur the first active item so that there's no active item
  • Press arrow down
  • You'll see it activates the second item instead of the first one

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions