Skip to content

UListbox: Prevent automatically scrolling to UListbox component on the page #6513

@abhishek-junghare

Description

@abhishek-junghare

Environment

Operating system Windows 10.0.26200
CPU Intel(R) Core(TM) i5-10300H CPU @ 2.50GHz (8 cores)
Node.js version v24.15.0
nuxt/cli version 3.35.2
Package manager pnpm@11.1.3
Nuxt version 4.4.6
Nitro version 2.13.4
Builder vite@7.3.3
Config app, compatibilityDate, css, devtools, modules, routeRules, ssr, ui
Modules @nuxt/ui@4.8.0, @pinia/nuxt@0.11.3, pinia-plugin-persistedstate/nuxt@4.7.1

Is this bug related to Nuxt or Vue?

Nuxt

Package

v4.x

Version

v4.4.6

Reproduction

  • https://ui.nuxt.com/docs/components/listbox
  • Go to above url directly, you may need to reload the page once, so it's 2nd visit
  • You can see it's automatically getting scrolled to the As a transfer list section which has the first item in the Listbox auto-focused. Screenshot & screen recording both attached below.
  • I have tried setting these props :autofocus="false" :autofocusDelay="10000", but still the same issue.
Image
Vue-Listbox-Component---Nuxt-UI.mp4

Description

Additional context

No response

Logs

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