angular / angular/components

autocomplete does not stick when scrolling

Open
#10,079 48 comments 31 reactions 0 assignees View on GitHub
area: cdk/scrolling area: material/autocomplete P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

#### Bug, feature request, or proposal:
Bug

#### What is the expected behavior?
The autocomplete drop down list should stick to the bottom of input element when scrolling

#### What is the current behavior?
The drop down list is sticky to position on the screen, it will not follow the input element position when scrolling

#### What are the steps to reproduce?
![image](https://user-images.githubusercontent.com/8890603/36518616-31138cfc-17c2-11e8-9b94-dcafc2de4949.png)

#### What is the use-case or motivation for changing an existing behavior?

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
Windows 10 64 bit
Chrome Version 64.0.3282.167 (Official Build) (64-bit)
Angular 5.1.2
Angular Material 5.0.2
TypeScript 2.7.1

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

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the autocomplete scrolling behavior with Angular 5.1.2 and Angular Material 5.0.2 in Chrome, then trace the autocomplete dropdown positioning entry point. Done means the dropdown remains attached to the bottom of its input and follows it while the page scrolls.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
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.