Full Screen Progressive Web App • Displaying Keyboard Shows Unwanted Status Bar
Reported by
lolly....@gmail.com,
Dec 21 2017
|
||||
Issue descriptionSteps to reproduce the problem: 1. Web App with manifest.json setting "display": "fullscreen" 2. "Add to Home screen" from Chrome 3. Run Web App from Home screen (Status Bar is not visible due to fullscreen setting) 4. Focus an input element to bring up the keyboard 5. The Status Bar appears with black background, obscuring the display below it. I have found that if I put invisible text in my Web App underneath the Status Bar area that the Status Bar will remove the black background after a couple of seconds and have a transparent background with white status-item text. But that is reminiscent of an IE-style hack. What is the expected behavior? Full screen = full screen. Input element -> Keyboard (Samsung Keyboard, Gboard, etc) needs to respect full screen. What went wrong? When designing a Progressive Web App for full screen I shouldn't have to take into consideration that the Status Bar area is potentially unusable at times. I'm being forced to design my Web App in standalone mode. Did this work before? N/A Chrome version: 63.0.3239.111 Channel: stable OS Version: 7.0 Flash Version:
,
Dec 21 2017
Basic example - http://lollyink.com/test/796793/ I am using Samsung Galaxy S7 Edge, Android 7.0
,
Dec 21 2017
Thank you for providing more feedback. Adding requester "sandeepkumars@chromium.org" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Dec 22 2017
Tested the issue in Android and able to reproduce the issue. Observed the text box is overlapping with the top menu Steps Followed: 1. Launched the Chrome Browser. 2. Navigate to http://lollyink.com/test/796793/ 3. Added to home screen 4. Launched from home screen 5. Observed the text box is overlapping with the top menu Chrome versions tested 63.0.3239.111(Stable) OS: Android 7.0.0 Android Devices: 7.0.0; SM-J710F bUild?NRD90M This seems to be a Non-Regression issue as Add to home screen feature introduced since M62. Untriaged for further input's on this issue. Please navigate to below link for log's and video-- go/chrome-androidlogs/796793 Note: This issue is not observed in Desktop. Thanks!!
,
Jan 1 2018
Chrome Remote Desktop has the same issue. I access a remote Windows desktop computer. Applications have menus and toolbars at the top. If the keyboard on my phone is visible then so is the phone's status bar, obscuring the top part of what is supposed to be a full screen app.
,
Feb 13 2018
I don't think that UI>Settings is the right component, targeting UI>Browser>Fullscreen and UI>Browser>WebAppInstalls instead. |
||||
►
Sign in to add a comment |
||||
Comment 1 by sandeepkumars@chromium.org
, Dec 21 2017Labels: Needs-triage-Mobile Triaged-Mobile Needs-Feedback