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

Flexible connected overlay has incorrect position on Mobile #15481

Open
ToniaDemchuk opened this Issue Mar 14, 2019 · 0 comments

Comments

Projects
None yet
1 participant
@ToniaDemchuk
Copy link

ToniaDemchuk commented Mar 14, 2019

What is the expected behavior?

The flexible connected overlay should appear near the origin on Mobile browsers with custom viewport:
<meta name="viewport" content="width=device-width, initial-scale=-1, maximum-scale=-1"/>

What is the current behavior?

The overlay appears on the bottom of the screen
Reproducible at least on:

  • Chrome for Android
  • Chrome for Windows (with device toolbar enabled, Device type = Mobile)
  • Safari on IPhone

What are the steps to reproduce?

https://stackblitz.com/edit/angular-9bewwa-k9rrhg

  1. Open example in new window
  2. Open dev tools
  3. Toggle device toolbar
  4. Select some mobile phone in portrait mode
  5. Click on input

Actual result: Overlay appears on the bottom of the screen
Expected result: Overlay appears under the input

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

Angular: latest
Material: latest
OS: Windows, Android, IOS
Browsers: Chrome, Safari

Is there anything else we should know?

image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.