angular / angular/components

Make mat-autocomplete scroll behavior match mat-select.

Open
#14,669 5 comments 0 reactions 0 assignees View on GitHub
area: material/autocomplete feature P4
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Please describe the feature you would like to request.

Disable the ability to scroll the page when the autocomplete options are displayed, so autocomplete works the same as mat-select.

#### What is the use-case or motivation for this proposal?

Currently when you use mat-autocomplete, the options do not stick to the dropdown field - reported in #12500. The mat-select behavior works great, so could we copy it for mat-autocomplete?

#### Is there anything else we should know?

Looking through the mat-select code, there's 1000 lines of code related to scrolling. I could work on a PR with some pointers to where the behavior is located.

Contributor guide

Open the contributing guide

Research direction

Start by comparing the mat-select scrolling implementation with mat-autocomplete, focusing on how the options remain attached to the dropdown field while the page scrolls. Reproduce the current autocomplete behavior and use the mat-select behavior as the reference. Done means autocomplete prevents page scrolling and keeps its options positioned like mat-select.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 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.