Android chrome keyboard hides input when Component is used in a Dialog

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.37k stars 6.75k forks source link

Android chrome keyboard hides input when Component is used in a Dialog #14913

Open mackelito opened 5 years ago

mackelito commented 5 years ago

What is the expected behavior?

Input should be visible

What is the current behavior?

Hidden by keyboard

What are the steps to reproduce?

Dialog config

dialog.open(LoginFormComponent, {
 disableClose: true,
});

kapture 2019-01-22 at 15 55 54

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

Angular 7.1.3 Material 7.1.1

Chrome on Android (GOOGLE NEXUS 6, Android, v5) Screen Size6.0 in - 2.9 x 5.2 in Resolution1440 x 2560 px Viewport411 x 731 dp

Is there anything else we should know?

devversion commented 4 years ago

It looks similar on iOS based on my testing as there is not enough space to show the full dialog. The difference (and inconvenience) in Android is that the page cannot be scrolled through. i.e. in iOS one can still scroll the page to make the dialog form-field visible.