Results 1 to 5 of 5

Thread: Datepicker & selectfield - weird scrolling issue

  1. #1
    Sencha User
    Join Date
    Apr 2015
    Posts
    4

    Default Datepicker & selectfield - weird scrolling issue

    Hi everyone, I have a problem using both selectfield and datepicker. I am using the following code:

    Code:
    Ext.define('MyPokerPal.view.Test',{	extend:'Ext.navigation.View',
    
    
    	config:{
    		scrollable:false,	
    
    
    		navigationBar: {
    		 	hidden:false,
    		 	items:[{
    				xtype: 'button',
    				iconCls: 'list',
    				itemId: 'menuSwitch',
    				listeners:{
    					tap: function(){
    						Ext.Viewport.toggleMenu('left')
    					}
    				}
    		 	}]
            },
    
    
            padding:20,
    
    
            items:[{
    			title: 'Test Page',
    			xtype:'container',
    			padding:20,
    
    
    	        items:[{
    				xtype:'container',
    
    
    				items:[{
    					xtype: 'container',
    
    
    					layout: {
    						type:'hbox',
    						align:'middle'
    					},
    
    
    					items:[{
    						xtype:'container',
    						html:'Use my location?'
    					},
    					{
    						xtype:'togglefield',
    						itemId: 'geolocationSwitch'
    					}]
    				},
    				{
    					xtype: 'textfield',
    					placeHolder: 'Your location',
    					id: 'textLocation'	
    				},
    				{
    					xtype: 'selectfield',
    					options: [
                            {text: 'First Option',  value: 'first'},
                            {text: 'Second Option', value: 'second'},
                            {text: 'Third Option',  value: 'third'}
                        ]
    				}]
    			},
    	        {
    	    		xtype: 'datepickerfield',
    				placeHolder: 'Today'
    	        },
    	        {
    	        	xtype:'button',
    	        	text: 'Search'
    	        }]
    	    }]
    	}
    })
    When I go to use either the datepicker or the selectfield, every time I attempt to change the value the entire page is dragged up. Terrible description I know, so here's a screenshot of the issue:

    http://178.62.106.55/sencha-fields-error.png

    Soooo, why is this happening? :\ And, more importantly, how do I fix it?

    Thanks in advance everyone!
    Ryan

  2. #2
    Sencha User
    Join Date
    Apr 2015
    Posts
    4

    Default

    Hi folks ,A few more details: I'm running sencha touch from within phonegap 3.7 on android 4.1.1. I had a look around and noticed that a few people had this problem and they had a few things in common. They were all running android 4.1 and they all had no answers.So, I appear to have got it working but I need someone to verify if this solution is ok.
    Code:
    .x-picker{    position:fixed !important;    bottom:0px !important;    }
    My main concern is with larger devices - is the date picker always attached to the bottom of the screen like it is on the phone, or does it move? Anyway, for now it seems to have solved the issue ...hopefully you guys can advise me further Ryan
    Last edited by ryanlund; 4 May 2015 at 10:16 AM. Reason: errors

  3. #3
    Sencha User
    Join Date
    Feb 2013
    Location
    California
    Posts
    11,985
    Answers
    506

    Default

    I added your code to this Fiddle:
    https://fiddle.sencha.com/#fiddle/ma2

    Do you see the issue there too, or only on a built app?

  4. #4
    Sencha User
    Join Date
    Apr 2015
    Posts
    4

    Default

    Hey Gary,

    Well, I have tested this view with chrome on my computer, chrome on my phone, and from within my phonegap app on a newer android device (running the latest android version) - all of which were perfectly fine. The problem appears to be with the standard android browser on android 4.1 (apparently the version is 'Android Browser 4' - specific I know haha) and can be viewed using the browser by itself or by using a phonegap app. Unfortunately I can't access the fiddle from this browser (completely white screen) but I imagine the results would be the same. Just so you know, I'm using sencha touch 2.4. Am I correct in thinking that my 'fix' would break this 'picker' functionality on larger devices (they float on larger devices, right? Sorry...I don't have a tablet to test on right now haha)

    Ryan

  5. #5
    Sencha User
    Join Date
    Apr 2015
    Posts
    4

    Default

    Any news on this?

Similar Threads

  1. Datepicker scrolling issue with voiceover enabled
    By bh_srikanth2003 in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 11 Dec 2014, 10:20 AM
  2. How to close datepicker of selectfield
    By mob2 in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 2 Aug 2013, 11:52 AM
  3. [CLOSED] [4.0.7] Weird Ext DatePicker tooltip
    By mankz in forum Ext:Bugs
    Replies: 2
    Last Post: 23 Mar 2012, 2:19 PM
  4. [FIXED] [PR3] Selectfield nad Datepicker 'readOnly: true' not working
    By Surykat in forum Sencha Touch 2.x: Bugs
    Replies: 1
    Last Post: 19 Dec 2011, 7:37 AM
  5. Weird scrolling issue in an accordian layout
    By ChiefDanGeorge in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 10 Jun 2010, 4:08 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •