Skip to content

[Bug]: Autofocus prop doesn't work when ComboboxInput is placed inside ComboboxContent #2034

@evgenii-code

Description

@evgenii-code

Environment

Developement/Production OS: Windows 11 26100.4484
Node version: 22.16.0
Package manager: [email protected]
Reka UI version: 2.3.2
Vue version: 3.5.14
Nuxt version: 3.17.5
Nuxt mode: universal
Nuxt target: server
CSS framework: none
Client OS: Windows 11 26100.4484
Browser: Chrome 138.0.7204.96

Link to minimal reproduction

https://stackblitz.com/edit/nuxt-starter-ryakwhxx?file=components%2FBaseSelect.vue

Steps to reproduce

  1. Place ComboboxInput inside ComboboxContent,
  2. Set autoFocus property to false
<ComboboxContent class="ComboboxContent">
  <ComboboxViewport class="ComboboxViewport">
    <ComboboxInput
      class="ComboboxInput"
      placeholder="Search..."
      :auto-focus="false" // this one
    />
    ...
  </ComboboxViewport>
</ComboboxContent>
  1. Click on the trigger
  2. When the dropdown opens, the focus is on the ComboboxInput

Describe the bug

The :auto-focus="false" prop doesn't work when ComboboxInput is placed inside ComboboxContent

Expected behavior

No response

Context & Screenshots (if applicable)

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions