[TIMOB-17862] Textfield becomes not editable in a scrollable view on mobileweb

GitHub Issue	n/a
Type	Bug
Priority	Critical
Status	Closed
Resolution	Won't Fix
Resolution Date	2017-06-26T21:54:21.000+0000
Affected Version/s	n/a
Fix Version/s	n/a
Components	MobileWeb
Labels	mobileweb, textfield
Reporter	Kai Lu
Assignee	Chris Barber
Created	2014-10-15T02:31:58.000+0000
Updated	2018-04-04T23:20:42.000+0000

Description

This is working on ios and android but not on web. This is urgent, please fix it asap. Thanks a lot! :-) Code snippet to replicate this problem: var view1 = Ti.UI.createView({backgroundColor:'#123', layout:"vertical" }); var view2 = Ti.UI.createView({backgroundColor:'#246' }); var data = []; for(var i=0; i<10; i++){ view1.add(buildRow(i)); }; var scrolly = Titanium.UI.createScrollableView({ views:[view1,view2], showPagingControl:true }); w.add(scrolly); function buildRow(idx){ var row = Ti.UI.createView({ height:44 }); var textField = Ti.UI.createTextField({ borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, color: '#336699', top: 10, left: 10, width: 250, height: 30, hintText:idx }); row.add(textField); return row; }

Comments

Shuo Liang 2014-10-15

Problem can be reproduced on: Ti SDK 3.3.0 an 3.4.0.GA Google Chrome Version 37.0.2062.124 Here is the test code:

   var w = Ti.UI.createWindow({
   	backgroundColor: 'white'
   });
   
   var view1 = Ti.UI.createView({
   	backgroundColor:'#123', 
   	layout:"vertical" 
   });
   
   var view2 = Ti.UI.createView({
   	backgroundColor:'#246' 
   });
   
   var textField2 = Ti.UI.createTextField({ 
   		borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, 
   		color: '#336699', 
   		top: 10, 
   		left: 10, 
   		width: 250, 
   		height: 30, 
   		hintText:'text2',
   		editable: true
   });
   view2.add(textField2);
   
   for(var i=0; i<10; i++) { 
   	view1.add(buildRow(i)); 
   };
   
   var scrolly = Titanium.UI.createScrollableView({ 
   	views:[view1,view2], 
   	showPagingControl:true 
   });
   
   function buildRow(idx) {
   	var row = Ti.UI.createView({ 
   		height:44 
   	});
   	
   	var textField = Ti.UI.createTextField({ 
   		borderStyle: Ti.UI.INPUT_BORDERSTYLE_ROUNDED, 
   		color: '#336699', 
   		top: 10, 
   		left: 10, 
   		width: 250, 
   		height: 30, 
   		hintText:idx,
   		editable: true
   	});
   	
   	row.add(textField);
   	return row;
   };
   
   w.add(scrolly);
   w.open();

Lee Morris 2017-06-26

Resolving as "Won't Fix" as MobileWeb has been deprecated.
Eric Merriman 2018-04-04

Closing as will not fix.

JSON Source