material-components-web-catalog icon indicating copy to clipboard operation
material-components-web-catalog copied to clipboard

mobile: Non determinism in scrolling the view when the user clicks into a textfield and the keyboard comes up

Open ghost opened this issue 7 years ago • 3 comments

I know this is a sticky one.

But on mobile in the Text field demo. Sometimes when you click into a text box it scrolls the view so that you can still see the text field when the keyboard comes up a the bottom.

Other times it does not, and the keyboard hides the text field you just clicked in.

I knwo the answer is DOT USE web views on mobiles, but its weird how non deterministic it is.

ghost avatar May 01 '18 09:05 ghost

Hi @gedw99, which mobile browser and which OS are you seeing this in? Is there a specific type of text field (standard, box, outlined, textarea, etc) that this happens with?

We're definitely interested in supporting mobile web :) this may be an issue with the actual component in MDC Web and not just the catalog.

bonniezhou avatar May 15 '18 00:05 bonniezhou

@bonniezhou

Here is how you can repo: https://material-components.github.io/material-components-web-catalog/#/component/text-field

Use android stock with chrome stock.

Initially it all works with the view sliding up when the keyboard opens. But some some reason some with some of the fields it fails on the 2nd time of putting focus in the field.

Its got some weird non non determinism and so its hard to repo, but if you patiently go from top to the bottom you will see what i mean..

ghost avatar May 15 '18 07:05 ghost

Yup seems like a bug, thanks for filing! Added to our tracker.

bonniezhou avatar May 21 '18 16:05 bonniezhou