#1405·Choices

Dropdown always scrolls to selected item on open, hiding options above it (regression from v10)

Author: climmmmCreated May 21, 2026Updated May 21, 2026
Labelsbug

Describe the bug When a select-one dropdown is opened and a non-first option is already selected, choices.js v11 automatically scrolls the dropdown list to the currently selected item. This hides any options that appear before the selected one (e.g. a "Select a value" placeholder option at the top of the list), forcing the user to manually scroll up to access them.

This behavior was not present in v10, where the dropdown always opened scrolled to the top.

To Reproduce No need for a custom reproduction — the bug can be observed directly on the official choices.js demo page: https://choices-js.github.io/Choices/

Steps to reproduce

  1. Go to https://choices-js.github.io/Choices/
  2. Scroll down to the "Single select input" section
  3. Find the "Options from remote source (Fetch API)" dropdown
  4. Open the dropdown and select any option that is not near the top of the list (e.g. an option far down the list)
  5. Close the dropdown
  6. Reopen the dropdown

Observed: the dropdown opens scrolled to the previously selected item — the first option "Pick a Smiths' record" is no longer visible and requires manual scrolling up to reach it

Expected behavior The dropdown should always open scrolled to the top, so that the first option "Pick a Smiths' record" is immediately visible, regardless of which value is currently selected. This was the behavior in v10.

Choices version and bundle Version: v11.2.3 — choices.min.js

Desktop (please complete the following information):

  • OS: windows 11
  • Browser: chrome
  • v146

Additional context This is a regression from v10.2.0. The resetScrollPosition: true default config leads users to believe this is already handled, but it does not apply to the showDropdown scroll behavior.