1465742 - VKB disappears after tapping in the Twitter log in box

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect, P1)

Description

[Levente Sacal]

Device(s):
 -  Google Pixel C (Android 8.0.0);
 -  Samsung Galaxy Note Pro 12.2(Android 5.0.2);

Build(s):
 - Nightly 62.0a1 (2018-05-30);
 - Beta 61.0b9
 - Release 60.0

Steps to reproduce:
 1. Go to mobile.twitter.com
 2. Tap log in box ("phone number, email address, ..")


Expected result:
-Keyboard is focused correctly after tapping on the log in box

Actual result:
-Keyboard is not focused and it also disappear after tapping on the log in box

Notes:
-This issue occurs on tablets with a larger display as on devices with smaller display, the log in box does not appear on the twitter home page 

https://youtu.be/x28p_roZIQw

Comment 1

[Liz Henry (:lizzard) (relman/hg->git project)]

Does this still affect 66?
Setting this to P2 since it affects being able to login to a popular site.

Comment 2

[Levente Sacal]

I was able to reproduce the issue in the latest Nightly 66.0a1 (2019-01-08). Thank you.

Comment 3

[Marcia Knous [:marcia]]

Levente - Several of us tried to reproduce this issue but were unable to - do you have any kind of particular keyboard configuration? Also since we are in 67 cycle can you confirm it is still happening there. Thanks.

Comment 4

[Levente Sacal]

I was able to reproduce this only on Google Pixel C (Android 8.0.0) in 66.0b9 with the standard Gboard but wasn't able to reproduce it on Huawei MediaPad M3(Android 7.0) .

Comment 5

[Vlad Baicu]

I've tried to reproduce this on 4 devices m-c, but was also unable to.

Comment 6

[Liz Henry (:lizzard) (relman/hg->git project)]

Kevin is this something you can try on the virtual testing service?

Comment 7

[Liz Henry (:lizzard) (relman/hg->git project)]

Levente are you still able to reproduce in nightly?
Can you provide a logcat?

Comment 8

[Levente Sacal]

Attachment: TwitterLogcat.txt

Comment 9

[Levente Sacal]

The issue is still reproducible on Google Pixel C (Android 8.0.0) in the latest Nightly 67.0a1 (2019-03-12). I have attached the logcat.

Comment 10

[Liz Henry (:lizzard) (relman/hg->git project)]

Makoto, does this look like something you might work on? It looks like a longstanding, but not common, problem.

Comment 11

[Makoto Kato [:m_kato]]

(In reply to Liz Henry (:lizzard) (use needinfo) from comment #10)

Makoto, does this look like something you might work on? It looks like a longstanding, but not common, problem.

I don't have Pixel C, and I cannot reproduce this on my Nexus 9.

As long as I watch https://www.youtube.com/watch?v=x28p_roZIQw, mobile.twitter.com is different design on my Nexus 9. Screen resolution of Pixel C has 2560x1800 and Galaxy Note Pro 12.2 is 2560×1600. This issue is tablet only and it requires high resolution screen, so this is not high priority.

Also, I would like to know whether this can reproduce on Reference Browser (or GeckoView based browser).

Comment 12

[Liz Henry (:lizzard) (relman/hg->git project)]

Levente, can you try with Fenix or the Reference Browser? Thanks!

Comment 13

[Levente Sacal]

I was able to reproduce on both Fenix and Reference Browser. Thanks !

Comment 14

[Makoto Kato [:m_kato]]

Thanks, Levente. I guess that it depends on media query. Since software keyboard is shown, height of content is changed. Then, due to media query, login text box is disappeared.

I wonder why this content still works on Blink. Levente, do you have screencast when using Chrome/Android? If you can take it, could you attach it?

Comment 15

[Levente Sacal]

Hi,

I have a screen recording from the issue at the following link: https://www.youtube.com/watch?v=x28p_roZIQw&feature=youtu.be.

Thanks

Comment 16

[Makoto Kato [:m_kato]]

(In reply to Levente Sacal from comment #15)

Hi,

I have a screen recording from the issue at the following link: https://www.youtube.com/watch?v=x28p_roZIQw&feature=youtu.be.

Thanks

This seems to be Firefox. I want Chrome's screencast. I would like to know why this issue doesn't occur chrome.

Comment 17

[Makoto Kato [:m_kato]]

Root cause is twitter's CSS. Due to media query, input box is removed when showing software keyboard.

Comment 18

[Levente Sacal]

I have recorded the issues on Chrome. It occurs the same way. https://youtu.be/ROZ-aRX4n4U

Comment 19

[Makoto Kato [:m_kato]]

Karl, do you have a contact of Twitter? When tapping login box on Firefox/Android of Pixel C and Chrome/Android of Pixel C , textbox is disappeared by media query. So user cannot input login name and password.

You can reproduce this on https://mobile.twitter.com/ using Desktop browser when resizing window. Twitter shouldn't use height for media query.

comment #0 is Firefox/Android and comment #18 is Chrome/Android.

Comment 20

[Makoto Kato [:m_kato]]

To reproduce on Firefox/Android, you set layout.css.devPixelsPerPx=1 on Android's tablet

Comment 21

[Mike Taylor [:miketaylr]]

I've emailed Twitter on our partner mailing list.

Comment 22

[Karl Dubost💡 :karlcow]

There are a couple of Issues related with virtual keyboard appearing/disappearing that may be worth to address at Firefox level too, for example Bug 1007286

Thanks for contacting mike.

Comment 23

[Firefox Bug Husbandry Bot]

See bug 1547409. Moving webcompat whiteboard tags to keywords.

Comment 24

[[ex-Mozilla] Agi Sferro | :agi]

Can't reproduce.