Skip to content

Autocomplete and page scroll #3219

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
FilipeQ opened this issue Feb 21, 2017 · 6 comments
Closed

Autocomplete and page scroll #3219

FilipeQ opened this issue Feb 21, 2017 · 6 comments

Comments

@FilipeQ
Copy link

FilipeQ commented Feb 21, 2017

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Autocomplete options should stay near input

What is the current behavior?

Autocomplete options don't change css top property when we scroll on the page.
After scroll autocomplete options don't follow the input position.

What are the steps to reproduce?

https://plnkr.co/edit/I2TAghRrpbzmgQK5SsXd?p=preview

I use the material Docs plunker and add some fake scroll, to reproduce the problem.

@fxck
Copy link
Contributor

fxck commented Feb 21, 2017

None of the Overlay utilising components does. There's a PR for a solution that will block scrolling while any overlay is open, but #1971 either there's some problem with it or the assignee is busy.

@ronanbrett
Copy link

I got around it by sticking a scroll dispatcher on the body and updating the position manually as the user scrolls, but there are some issues on iOS safari with fixed positioning when the keyboards open.

@pabx06
Copy link

pabx06 commented Mar 16, 2017

@fxck would you mind sharing the code that fix it ? having the same issue here

@dalemanthei
Copy link

It is perhaps a naive implementation but it seems like a stacking context would be one solution. What don't I get about what the overlay is providing?

@jelbourn
Copy link
Member

Now tracking via #4093

@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants