On Mobile iPhone when I click on a input form it gives me the keyboard with up/down arrows to scroll through the form. Once this happens I can jump around the form focusing anywhere, however when a particular select dropdown is chosen it always focuses back to the first form element. This happens on both Safari and Chrome.
Does anybody have an idea why?
It had to do with a label, duh. I had a "for" tag pointing to the wrong element.
Problem solved!
Related
We've got two almost same forms. When it's in div with overflow: auto there is an issue with both selects and inputs, when it's just put normally then works properly.
Two of them on top are working correctly, select on top sometimes also works correctly.
Problem is random:
When you click on field - browser firstly scrolls to top, then a little below field, then a little above, and finally it goes to correct position
Sometimes you can't click on field
Sometimes there is no cursor shown
Or when you are typing anything on keyboard div is scrolling down, even when there is nothing (so after typing a lot of times, you are below content and see just blank screen)
Probably it occurs also on mobile IE 11, but I can't check it.
Anyone had similar issues with mobile IE?
I am trying to display a word suggestion list when ctl+space entered as in eclipse.
For that I need to know the location where user has entered ctrl+space so that i can display the suggestion list exact below to the word user just entered.
I see ways to get the mouse cursor position , But isnt there a way to get the keyboard button pressed position ,
I am writing inside textArea, I tried getCursor, but it gives me the no of word on which user entered ctrl+space. Not the location as per the Window.
Any idea
thanks
There is no reliable, accurate and cross-browser way to do it with TextArea.
You can experiment with a RichTextArea (you don't have to provide a toolbar for rich text features) and its getFormatter().insertHTML() method. It will insert a new HTML element at a cursor position. You can insert a list of suggested words, that you can style to look anyway you like, or you can insert an empty div and try to show a panel relative to it.
Or you can use a different UI approach. Create a panel with a fixed position relative to your TextArea and show your suggested words there - similar to the way good smartphone keyboards show suggested words just above the keyboard itself. Once your users realize that suggested words always show up in the same place, they may even like this design better.
I'm new in iOS programming, and I have a little problem with the keyboard...
That's a webapp, the application shows simply the mobile website.
In this website, there are forms, and in this forms, there are input type file fields. When the user clicks on input type text field, the keyboard appears, logical, isn't it ?
But when the user clicks on input type files fields, the keyboard does some weirds things. Sometimes it's not totally visible, sometimes it's misplaced, and the most of times, that's both... You can view it on this awesome screenshot I've made.
Is there anyone who can help me to fix this issue ?
I finally found the solution. I just update Cordova, and the problem was fixed...
So, to all the people which have this problem, simply update Cordova ;-)
I need to focus a text input into the Facebook login popup. I am using a virtual keyboard to simulate a physical one, but when I click a key, the text input lose focus and the letter is not written into the field.
How could I maintain the focus in the text input?
I'm not sure if creating your own virtual keyboard is a smart idea since all mobiles already have one in there, you just need to set useSoftKeyboard in Flex.
Also, you can always remove focusability to your components by setting focusEnabled and hasFocusableChildren to false.
I finally came to another solution... Using getElementsByTagName('theElementID'), I could get a reference to the textInputs in the browser, and I could modify its attributes...
For example,
emailStringObject =this.html.htmlLoader.window.document.getElementById('email');
emailStringObject.value="example#correo.com"
I am building a little registration page that is going to be accessed via an iPad at a sales office as a kiosk. When I first received the page from the web design company I noticed that the way they set it up was the labels of the input fields appear inside the field (like a watermark). The watermark is cleared out once you focus on the field and then restored if there is no value when you blur off the field.
I noticed that they had a couple password fields in the page that was showing the words PASSWORD and RETYPE PASSWORD in them. I don't want people's password exposed in the Sales Office, however changing the fields to type password means that the watermark labels become masked.
Since they were using jQuery to do the watermark in the input fields, I found another jQuery solution that would swap out the TEXT input field for a PASSWORD input field on focus. When I tested it on my PC in Safari it worked like a charm. However when I was testing the page with my iPhone I noticed that the jQuery field swap on focus only works if I click on the field with my finger. If I am using the on screen keyboard and clicking NEXT to get the field, then the field doesn't get swapped and the on screen keyboard goes away. I have to physically click the field to get the swap to fire. Is there some other even that I can use to trigger the swap instead of focus?
$('#txtRetypePassword-clear').focus(function() {
$('#txtRetypePassword-clear').hide();
$('#txtRetypePassword-password').show();
$('#txtRetypePassword-password').focus();
});
Of course as soon as I posted, I did a little more reading on DiveIntoHTML5.ep.io and saw that HTML5 supports "placeholders" so I thought to myself, I wonder if you can put a placeholder on a PASSWORD input field. YOU CAN!
So I get to rip out all that jQuery because HTML5 supports everything the page was trying to do!