mui / mui/material-ui

[autocomplete] List scrolls back up when opening after select option (with virtualization)

Open
#30,650 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

docs scope: autocomplete
Dominant language
JavaScript
Stars
99.1k
Forks
32.5k
Avg merge
2d 17h
Merged PRs (30d)
106

Description

Duplicates
  • I have searched the existing issues
Latest version
  • I have tested the latest version
Current behavior 😯

Using virtualization after you select an option and open the options again, it will have scrolled back to the start to the list.

The issue happens even on the docs page, so I wanted to know if this is intended or not.

Expected behavior 🤔

After selecting an option and opening the list again, the list should be at the same position as the selected option, possibly highlighted. That's how non-virtualized Autocomplete seems to act, based on my tests.

Steps to reproduce 🕹

Steps:

  1. Open https://mui.com/components/autocomplete/#virtualization
  2. Select a option after scrolling down a bit
  3. Open the list again
Context 🔦

No response

Your environment 🌎

No response

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue in the Autocomplete virtualization demo at https://mui.com/components/autocomplete/#virtualization: select an option after scrolling, then reopen the list. Compare the virtualized behavior with the non-virtualized Autocomplete. Done means reopening preserves the list position at the selected option, with the expected highlighting.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.