1 Mar 2011 4:15 PM #1
Android: Two fields show up on text field focus
* Android 2.2
* Sencha Touch 1.0.1a
* Sencha Touch 1.0.2
* When putting focus on a text field, Android draws another copy of the input field elsewhere on the screen. Tapping to focus on another field changes the input field, but the OS input continues to be in the wrong place.
My app setup consists of a main app wrapper, which contains the home screen, which contains a panel wrapping an html item and carousel that contains the login fieldsets (two different locations - not my API). Basically the HTML is static above the carousel so you can swipe the bottom half left/right.
If the html item and toolbar are present (and/or), the text inputs will get the double-entry fields. See the attached broken.png for a visual demonstration of the error. Note that the focused field is the password field and I did type in "password". Yikes.
Removing the docked toolbar and the html content panel will push the fieldset up the screen as expected, and the OS-drawn input lines up perfectly over the HTML-drawn field.
Screenshot or Video:
See the attached files: broken, working (handset - HTC Incredible; works same in emulator). Note: in broken.png the active field is actually the password field (typed in "password").
Debugging already done:
Tried both versions - with and without panel content above the fieldset. Taking stuff out fixes it in this case. If I add additional HTML content items *within* the carousel card, that does not affect the field draw positions.
15 Mar 2011 6:19 AM #2
I have the same issue
I see this on prompt dialogs in Android 2.2 HTC evo.
18 Mar 2011 12:17 AM #3
I have a similar problem. Well I had the problem when I put the fields in a Carousel. I changed the layout to a regular panel and it works as intended and I have no idea why.
I messed around with some scrolling and random tapping and I also think it might have something to do with where something thinks it's supposed to draw the field.
18 Mar 2011 7:39 AM #4
I've had similar problems. I wonder if it has something to do with whether or not the content is rendered in DOM or not.
18 Mar 2011 7:44 AM #5
What I did
Yeah, my problem was with a text field in a prompt dialog, which was being launched from and displayed over a carousel.
I ended up using an action sheet instead and it works fine.
I haven't tried putting a form (text field) in a carousel panel.
18 Mar 2011 7:51 AM #6
Ah. Sounds like the same problem either way. I checked out the Sencha blog post on the Pier 1 mobile site on my HTC Incredible and they're experiencing the same thing with form fields getting taken over and/or displayed wrong on the screen. I'm not sure how much JS can coerce the browser.
3 Jun 2011 7:13 PM #7
Yes, passwordfield is so strange. don't metion the carousel , the simple form contains passwordfield just has this problem.
have you solved the problem? waiting your message
5 Jun 2011 8:38 AM #8
Considering that second field is outside the DOM, there's not much we can do about it directly. I had some *luck* with this once by trying some alternative layouts. In my case I switched from putting a form field inside a carousel to just making it a regular card. I have a suspicion that it might have something to do with nesting panels and cards, though I can't say for certain because i've been unable to reproduce it (not that I want to).
Going back to the DOM thing - I believe it may be a webkit/android bug because it seems like the browser thinks the field is somewhere else in the viewport. Could Sencha fix this somehow, or is this a Sencha bug? Maybe.
6 Jun 2011 4:40 PM #9
30 Aug 2011 4:04 AM #10
I've got the same problem
If it helps, I'm not inside a carousel, and it also happens with all types of text fields, not just password types.
By suzzer99 in forum Sencha Touch 1.x: BugsReplies: 10Last Post: 23 Mar 2012, 5:18 AM
By mjlecomte in forum Ext 2.x: Help & DiscussionReplies: 2Last Post: 13 Jul 2008, 6:23 PM
By Zakaroonikov in forum Ext 2.x: Help & DiscussionReplies: 1Last Post: 3 Apr 2008, 1:17 PM