Google chrome's tabbing behavior - javascript

I have a simple web form which is having four input text fields.
Assume I have currently focused on 2nd text field and now I'm moving out from it and clicking on an empty area of the window (so now the focus will not be there).
If I press the tab key now, then apparently it should move to the 3rd text field. This happens in firefox, IE and even in Chrome 27 when I checked. But in Chrome 33 and latest Chrome versions focus goes to 1st text field**.
Is this the default behavior of Chrome latest versions? Are there any possibilities to avoid this and get the same behavior of IE and firefox for tabbing feature?
Note: You can test this scenario using gmail's login page form.

Related

Firefox Android ignores click event when tapping element while oncsreen keyboard is open

When typing into a text box with the on-screen keyboard and then tapping on a clickable element while the keyboard is still open
the on-screen keyboard disappears as expected
the tap is ignored, I see in the debugger that the click event handler isn't even reached
tapping on the clickable element again, it now works as designed.
Tapping on other elements on the page with a click event handler while the keyboard is open works fine. One difference is that the unclickable button comes up only while typing, as it is in an autocomplete dropdown, a <ul> element switched visible by removing display: none after the third character is typed.
This happens on Firefox for Android, recent versions. It works in Chrome. Safari on iPad works, but only since the recent 16.x upgrade.
This looks like a weird browser vs platform quirk. Does anyone happen to know a workaround or can even explain some background
EDIT after further experimentation I have a fairly minimal jsfiddle to demonstrate the problem. It seems that Firefox on Android ignores click handlers which are attached to HTML elements created while the on-screen keyboard is open. Wouldn't mind if someone could confirm in a comment that I am not alone with my FF while waiting on an answer from someone in the know.

Scroll Inputfields into view when virtual windows 10 keyboard is present

I'm actually creating a webapp with angular5. The app should be used on tablets, running windows 10. This webapp needs to run in Firefox or internet explorer, edge isn't possible due to some infrastructural reasons.
The app has some input fields. If a input field is in the area of the virtual keyboard, the keyboard does hide it when it appears on clicking in the field.
In Edge now the input field scrolls into view, so you can see what you type. But in Firefox and Internet Explorer it does not.
Has someone an idea, how i can force Firefox and Internet Explorer also to scroll the input fields into view by js/css/html?

this script works on my desktop but not in safari

using dropzone.js
dropzone.on("addedfile", function(file) {
$('input#photo_title').focus();
});
is there some reason that this script does not work in Safari/iphone? It works just fine on my desktop.
Safari is up to date. i want to put the focus on the input with the mobile keyboard displayed and insert cursor displayed, instead the input is highlighted but must be clicked to bring the keyboard up/insert cursor up.
Set textbox focus in mobile safari
it is not possible to use .focus() to bring up the keyboard in IOS. This is the design and from numerous web sources apparently there is nothing you can do about it.

IE select2 4.0 control, lose the focus when press ENTER

I have a problem with select2() (version 4) control when I use the IE.
When I press the ENTER or TAB key f to select the data from the list, I lose the focus over control. I need that the focus continue over the control and the user can then selecting more data without press with mouse over control one more time for each input.
These problem only occurs with IE and not with Chrome or other Navigator
thank for your support and help!!

Opera Mobile 9.7 Beta Set Focus [duplicate]

This question already has an answer here:
Scan inputs with Opera Mobile 10
(1 answer)
Closed 3 years ago.
We use a handheld scanner to move items in and out of inventory. The scanner runs an ASP page that submits the form to move the item. We recently purchased a new scanner running Windows Mobile 6.1 and soon realized that Mobile IE is completely useless. It does not render tables correctly and worse, it doesn't recognize onblur, onkeypress and many other common javascript functions.
We tested out many mobile browsers and found that Opera Mobile 9.7 works great except for setting the focus on an input text field when the page loads. The page has many text fields that and submits the form back to itself for processing. Once one field is scanned (or entered on the keyboard), the form submits itself, process the input and enables the next field on the form. At the end of the markup, select() and focus() are called to select any text in the field and to set focus so all the user has to do is scan the value. Here is what the javascript looks like at the end of the page.
document.forms["frm1"].elements["txt1"].select();
document.forms["frm1"].elements["txt1"].focus();
Is there any way to set focus on Opera Mobile 9.7?
You can use autofocus for the input field in Opera 9.7 like this:
<input type="text" autofocus />
However, that only seems to work on the first load, after submitting the form the field loses focus again. Please let me know if you find a solution.

Categories

Resources