Thank you for reporting this bug. We will make it our priority to review this report.
  1. 14 Oct 2010 2:48 AM #1
    mherger
    mherger is offline
    Touch Premium Member
    Join Date
    Apr 2007
    Posts
    139
    Vote Rating
    0
    mherger is on a distinguished road
      0  

    Default [OPEN-432] input field in Ext.List leading to unexpected behaviour (Android)

    [OPEN-432] input field in Ext.List leading to unexpected behaviour (Android)


    Testing on HTC Desire, Android 2.2, Sencha Touch 0.96: if I use an input field in an Ext.List element, the keyboard popping up is moving the input field outside the visible area in the following example:

    Code:
    <!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Squeezebox</title>
	
	<link rel="stylesheet" type="text/css" href="js/sencha-touch/resources/css/ext-touch.css" />
	<script type="text/javascript" src="js/sencha-touch/ext-touch.js"> </script>

	<script type="text/javascript">
		Ext.onReady(function() {
			Ext.regModel('Contact', {
			    fields: ['firstName', 'lastName']
			});

			var store = new Ext.data.JsonStore({
			    model  : 'Contact',
			    sorters: 'lastName',

			    getGroupString : function(record) {
			        return record.get('lastName')[0];
			    },

			    data: [
			        {firstName: 'Tommy',   lastName: 'Maintz'},
			        {firstName: 'Rob',     lastName: 'Dougan'},
			        {firstName: 'Ed',      lastName: 'Spencer'},
			        {firstName: 'Jamie',   lastName: 'Avins'},
			        {firstName: 'Aaron',   lastName: 'Conran'},
			        {firstName: 'Dave',    lastName: 'Kaneda'},
			        {firstName: 'Michael', lastName: 'Mullany'},
			        {firstName: 'Abraham', lastName: 'Elias'},
			        {firstName: 'Jay',     lastName: 'Robinson'},
			        {firstName: 'Tommy',   lastName: 'Maintz'},
			        {firstName: 'Rob',     lastName: 'Dougan'},
			        {firstName: 'Ed',      lastName: 'Spencer'},
			        {firstName: 'Jamie',   lastName: 'Avins'},
			        {firstName: 'Aaron',   lastName: 'Conran'},
			        {firstName: 'Dave',    lastName: 'Kaneda'},
			        {firstName: 'Michael', lastName: 'Mullany'},
			        {firstName: 'Abraham', lastName: 'Elias'},
			        {firstName: 'Search',     lastName: '<input type="text" />'}
			    ]
			});

			var list = new Ext.List({
			    tpl: '<tpl for="."><div class="contact">{firstName} <strong>{lastName}</strong></div></tpl>',
				fullscreen  : true,
			    itemSelector: 'div.contact',
			    singleSelect: true,
			    store: store,
			    hideOnMaskTap: false
			});
			list.show();
		});
	</script>
</head>
<body>
</body>
</html>
    In some other (more complex) case it didn't move at all, leaving the input field hidden behind the keyboard
    Reply With Quote Reply With Quote
  2. 14 Oct 2010 10:07 AM #2
    BrendanC
    BrendanC is offline
    Sencha - GXT Dev Team BrendanC's Avatar
    Join Date
    Aug 2010
    Posts
    534
    Vote Rating
    3
    BrendanC is on a distinguished road
      0  

    Default


    Thanks for the bug report.
    Reply With Quote Reply With Quote
  3. 8 Nov 2010 5:34 PM #3
    Jacky Nguyen
    Jacky Nguyen is offline
    Sencha - Sencha Touch Dev Team Jacky Nguyen's Avatar
    Join Date
    Jul 2009
    Location
    Palo Alto, California
    Posts
    469
    Vote Rating
    9
    Jacky Nguyen will become famous soon enough Jacky Nguyen will become famous soon enough
      0  

    Default


    Could you please confirm if it's still an issue in 0.99 and RC1?
    Reply With Quote Reply With Quote
  4. 9 Nov 2010 2:31 AM #4
    mherger
    mherger is offline
    Touch Premium Member
    Join Date
    Apr 2007
    Posts
    139
    Vote Rating
    0
    mherger is on a distinguished road
      0  

    Default


    I'm sorry to say this is still broken. Another HTC Desire issue?
    Reply With Quote Reply With Quote
  5. 9 Nov 2010 11:32 AM #5
    kkolle
    kkolle is offline
    Touch Premium Member
    Join Date
    Mar 2009
    Location
    Geseke / Germany
    Posts
    19
    Vote Rating
    0
    kkolle is on a distinguished road
      0  

    Default


    It also happens on Samsung Galaxy Tab with the included form samples of RC1.
    Reply With Quote Reply With Quote
  6. 27 Jul 2012 1:22 PM #6
    apurvjawle
    apurvjawle is offline
    Sencha User
    Join Date
    Feb 2012
    Posts
    2
    Vote Rating
    0
    apurvjawle is on a distinguished road
      0  

    Default Similar issue in Sencha touch 1.1.1 on iPhone

    Similar issue in Sencha touch 1.1.1 on iPhone


    I am having the same issue on iPhone, the list jumps and goes out of the viewable area.

    In my case I have input fields on every row in the list and this worsens the problem. Apart from the list jumping I have issues when Previous/Next buttons on the default native keyboard are used. The page scrolls but after a few taps on previous or next the input field on focus is out of the viewable area.

    This problem is quite similar to the Forms issue reported here in ST2X forums:
    http://www.sencha.com/forum/showthre...-unscrollable&

    Is there any workaround this problem untill there is a fix available?
    Reply With Quote Reply With Quote

Similar Threads

  1. Ext Grid with html input field does not accept ampersand and open parenthesis
    By rubenbentein in forum Ext 2.x: Help & Discussion
    Replies: 4
    Last Post: 26 Oct 2011, 3:53 AM
  2. [OPEN-432][3.??] Issue with Ext.data.DataReader realize method
    By mlitcher in forum Ext 3.x: Bugs
    Replies: 8
    Last Post: 20 Jun 2011, 6:59 AM
  3. [2.1][FIXED] Unexpected MessageBox behaviour
    By rstuart in forum Ext 2.x: Bugs
    Replies: 6
    Last Post: 9 May 2008, 11:29 AM
  4. [2.0/2.1] Comboboxes in sequence render list item select to wrong input field
    By surfyogi in forum Ext 2.x: Bugs
    Replies: 0
    Last Post: 23 Apr 2008, 3:51 PM