[
https://issues.apache.org/jira/browse/CB-5627?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Martin Anders updated CB-5627:
------------------------------
Description:
If you set
<preference name="fullscreen" value="true" />
in config.xml then there occurs a bug with input text fields.
On a scrollable page with many input fields if i focus an input field then the
keyboard pops up and hides some input fields behind. i can't scroll to the
textfields near the end of the page. it seems that the browser area is not
resizing.
Expected behavior:
there should be no difference betweenn fullscreen on/off,
here is the example code:
<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
<meta charset="UTF-8">
<title>Example</title>
<!--<script
src="http://10.49.40.139:8081/target/target-script-min.js#anonymous";></script>-->
<style type="text/css">
input {
color: red;
background-color: black;
margin: 30px;
}
</style>
<script>
if( document.location.toString().substring( 0,4 ) != 'http' )
{
document.write( '<script src="cordova.js"><' + '/script>' );
}
</script>
</head>
<body>
<div id="appLoadingIndicator">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
</div>
</body>
</html>
was:
If you set
<preference name="fullscreen" value="true" />
in config.xml then there occurs a bug with input text fields.
On a scrollable page with many input fields if i focus an input field then the
keyboard pops up and hides some input fields behind. i can't scroll to the
textfields near the end of the page. it seems that the browser area is not
resizing.
Expected behavior like in previous cordova versions (2.9)
fullscreen property should only show or hide the status bar. the browser area
shrinks and the focused textfield is visible directly over the keyboard. I can
still scroll more down to see other textfields.
here is the example code:
<!DOCTYPE HTML>
<html manifest="" lang="en-US">
<head>
<meta charset="UTF-8">
<title>Example</title>
<!--<script
src="http://10.49.40.139:8081/target/target-script-min.js#anonymous";></script>-->
<style type="text/css">
input {
color: red;
background-color: black;
margin: 30px;
}
</style>
<script>
if( document.location.toString().substring( 0,4 ) != 'http' )
{
document.write( '<script src="cordova.js"><' + '/script>' );
}
</script>
</head>
<body>
<div id="appLoadingIndicator">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
<input value="hahaha">
</div>
</body>
</html>
> Keyboard Covers Input fields when fullscreen=true in config.xml
> ---------------------------------------------------------------
>
> Key: CB-5627
> URL: https://issues.apache.org/jira/browse/CB-5627
> Project: Apache Cordova
> Issue Type: Bug
> Components: Android
> Affects Versions: 3.2.0
> Environment: plain html with cordova 3.2 for android.
> tested on samsung s3 and s4 (android 4.3)
> Reporter: Martin Anders
>
> If you set
> <preference name="fullscreen" value="true" />
> in config.xml then there occurs a bug with input text fields.
> On a scrollable page with many input fields if i focus an input field then
> the keyboard pops up and hides some input fields behind. i can't scroll to
> the textfields near the end of the page. it seems that the browser area is
> not resizing.
> Expected behavior:
> there should be no difference betweenn fullscreen on/off,
> here is the example code:
> <!DOCTYPE HTML>
> <html manifest="" lang="en-US">
> <head>
> <meta charset="UTF-8">
> <title>Example</title>
> <!--<script
> src="http://10.49.40.139:8081/target/target-script-min.js#anonymous";></script>-->
> <style type="text/css">
> input {
> color: red;
> background-color: black;
> margin: 30px;
> }
> </style>
> <script>
> if( document.location.toString().substring( 0,4 ) != 'http' )
> {
> document.write( '<script src="cordova.js"><' + '/script>' );
> }
> </script>
> </head>
> <body>
> <div id="appLoadingIndicator">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> <input value="hahaha">
> </div>
> </body>
> </html>
--
This message was sent by Atlassian JIRA
(v6.1.4#6159)
