[TIMOB-2701] Regression issue: iPad - Ti 1.5: Textfield and Textareas inside a table cause oddities
| GitHub Issue | n/a |
|---|---|
| Type | Bug |
| Priority | Medium |
| Status | Closed |
| Resolution | Fixed |
| Resolution Date | 2011-04-17T01:59:51.000+0000 |
| Affected Version/s | n/a |
| Fix Version/s | Release 1.6.0 M07 |
| Components | iOS |
| Labels | ios, ipad, regression, release-1.6.0, rplist, tableview, textarea, textfield |
| Reporter | Rick Blalock |
| Assignee | Blain Hamon |
| Created | 2011-04-15T03:27:23.000+0000 |
| Updated | 2011-04-17T01:59:51.000+0000 |
Description
A Quickstart customer of ours is having an issue with textfield and textareas inside table rows. When the table loads the textfields and textareas briefly appear to the far left and then get placed in the correct position (it's mal-positioned for a split second). The problem does not happen in 1.4.2 / 1.4.3 - only 1.5 and the latest build of 1.6 (as of today). (using iOS SDK 4.2).
I do not have his code yet as a sample to show you so I tried to
duplicate it on my end. Below is a video of it happening to me
though it is happening when I scroll the table (the customer's
issue happens when the table is loaded). In my test, the problem
does not happen in 1.4.3 / 1.4.2 but does in 1.5 / 1.6.
Video: http://www.screencast.com/users/XiDScreencasts/folders/Jing/media/afe36c46-8f90-477d-87d4-b49c3f9f2316">
http://www.screencast.com/users/XiDScreencasts/folders/Jing/media/a...
Code Snippet from my example: http://pastie.org/1411262">http://pastie.org/1411262
NOTE: In my tests, the problem persists with / without a className in the table. The problem does not occur if there is no table style (group) associated with it. However, in the customer's case, he has 'style: Ti.UI.iPhone.TableViewStyle.PLAIN' set and the textfield / textarea jump still occurs.
By the way, I should be getting the code from the customer this week so I can post a better example of exactly what is going on. I was screensharing with him again today and we tried a few things like wrapping a view around the textarea / textfields and the same thing happened.
Hi Guys,
Here's a video of the issue happening on an actual device. I just got the source code so I hope to show you all that soon.
http://developer.appcelerator.com/helpdesk/view/64031">http://developer.appcelerator.com/helpdesk/view/64031
Hey guys,
Just wanted to keep you up to date on my debugging on the JS side:
Basically he has a custom row. Inside the row is a label and a textarea, textfield, etc. Any of the form elements will always get drawn on the far left of the table and then jump to the appropriate place according to it's positioning / width, etc.
His rows look like: http://pastie.org/1435212">http://pastie.org/1435212
Form fields look like (textarea for example): http://pastie.org/1435218">http://pastie.org/1435218
I've tried a number of things: Setting widths to the form fields (% and integers). Put a setTimeout around them. Taking out all positioning / dimension properties and placing them in a view and position the view accordingly and add the form element to the view. All end up with the same result.
Hope this helps more.
Also happening with iPhone, I marked the following ticket as duplicate:
https://appcelerator.lighthouseapp.com/projects/32238-titanium-mobile/tickets/2925-ios-tableviewrow-content-renders-after-the-table-itself"> https://appcelerator.lighthouseapp.com/projects/32238-titanium-mobi...
(from [667c96789da2987fc8e45a425f5a339d21d023e2]) [#2701 state:fixed-in-qa] Make a proper sandbox bounds before creating a view. https://github.com/appcelerator/titanium_mobile/commit/667c96789da2987fc8e45a425f5a339d21d023e2"> https://github.com/appcelerator/titanium_mobile/commit/667c96789da2...
Tested sim 4.2.1 release, iPad 4.2.1 release. Behaves as expected.