IPhone - Not able to enter text in textarea - javascript

We have a form which has a mandatory HTML text-area and a button which posts the form.
When user click the button with empty text-area, we show a popup that the text-area field is required and the popup has a close button on it, when a user clicks close button, we put the focus back on text-area. In this case, the keypad opens up in IPhone but the user is not able to enter anything in the field.
If the user click outside the text-area field and then again clicks on the field, then user is able to enter text in the field.
Same thing works in android device but not working for IPhone.
Can anybody give me a suggestion of what to look for or how to handle this?
We are using the focus() method to set the focus on text-area.

Related

Submit Select2 dropdown without pressing enter

When doing select2 form it submits fine if I press enter but if I press tab to move to the next field and lose my input. I tried using some other select2: events to capture the input but it seems as soon as you lose focus on the field the information is gone. Any way to capture that input on the lose:focus attribute or other event?

Prevent highlighted text from deselecting when clicking an input field?

I'm making a react application which allows for certain actions to be taken on highlighted text through a pop up.
Confluence
I'm using react-text-selection-popover which works very well. However, the pop up I have has an input field. The trouble I have is that if i were to click the input field (to enter some text), the highlight is deselected and the pop up disappears.
I tried options like user-select: none but it doesn't work.
Example Sandbox
Is there a way to highlight some text and enter some text in the pop-up div? And remove the highlight if i click anywhere else but the popup.

iOS jumps and targets new field when using the autofocus

I have a login page that contains the usual email and password fields, as well as a log in button. For usability, the autofocus HTML5 attribute has been used on the email field.
When loading the page on iOS, you can tell by the green border that the field has the focus, but because of iOS limitations, the focus is not fully applied to the field, as you can see here with the keyboard not being displayed:
The first thing the user does is touches the email field, but as far as iOS is concerned, you're clicking on a different part of the page. The focus is actually given to the password field instead, because the page shifts upwards to make way for the keyboard that did not display previously:
In a similar behaviour, if the user touches on the password after page load, the log in button is clicked instead and validation errors appear.
Is there any way to solve this?
Why not disable the autofocus when you show the page on iOS?
It would be very annoying when user enter a website and the keyboard pops up without any actions on the page.
I even can't think of any website popping up the keyboard on the load.

UIWebView - change virtual keyboard 'Go' button text?

I have a page that is displayed in an UIWebView on an iPad app. The page has an input field, and when the user taps on it, the virtual keyboard popups up.
Currently, the keyboard has the blue 'Go' button. I would like to change the button text from 'Go' to 'Done' and I want to grey-out/disable the button until the user types in at least 1 char.
Is this possible with Javascript/jQuery mobile? I don't have access to the app.
Thanks.
I don't think this is possible. Bu you can change some functionality of the keyboard in html.
Make the button submit your form
Make another keyboard displayed
More features should not be available without access to the app. Instead of greying out the button, you can validate the form before submitting it with jQuery.

Textarea with GO button (submit) on iPhone

I have a form with a textarea (it's a chat).
Pressing enter submits the form (via javascript/jquery)
It works beautifully on all regular computers with an enter key. But on iPhone, there is no enter key, and the GO (submit) button does not appear, meaning the form can't be sent
No problem if the textarea was instead input type="text" field, but then I miss the multi-line wrapping etc. from a textarea
How do I work around this? I would rather not show a submit button nor make two versions of the form.
And I believe an input field can't behave as a textarea, right? (multiline)

Categories