Skip to content
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

Mat-autocomplete overlay height is not correct #11762

Closed
jainankit102 opened this issue Jun 12, 2018 · 2 comments
Closed

Mat-autocomplete overlay height is not correct #11762

jainankit102 opened this issue Jun 12, 2018 · 2 comments
Assignees
Labels
Accessibility This issue is related to accessibility (a11y)

Comments

@jainankit102
Copy link

jainankit102 commented Jun 12, 2018

Bug, feature request, or proposal:

Bug
Mat-autocomplete overlay height is not correct proper when user working on 200% browser resolution.

What is the expected behavior?

It should come under selected resolution screen. Overlay height should be adjusted as screen resolution.

What is the current behavior?

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.

StackBlitz starter: https://goo.gl/wwnhMV

Everywhere, check official example at 200% resolution with minimum 10 option.

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

Accessibility are facing hard to identify

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

5.2 and 6.0+

Is there anything else we should know?

image

My Analysis: By default for every screen resolution mat-autocomplete-panel has max-height 256px so if user in higher resolution above 200% then it is getting out from the screen. Overlay height should be adjusted as screen resolution.

@josephperrott josephperrott added the Accessibility This issue is related to accessibility (a11y) label Jun 25, 2018
@crisbeto
Copy link
Member

By the looks of it, this is behaving as expected. The logic for placing the panel is that it puts it above or below, depending on which position will show the largest area of the panel. We also have an API for pushing the panel into the viewport if it can't fit, but it's currently disabled because of #11628.

@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 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Accessibility This issue is related to accessibility (a11y)
Projects
None yet
Development

No branches or pull requests

3 participants