Tab Order in iPhone / iPad browser

For users or potential users.
Post Reply
kirkland
Posts: 9
Joined: Thu Nov 19, 2015 10:54 am

Tab Order in iPhone / iPad browser

Post by kirkland » Thu Nov 19, 2015 10:59 am

I set the tab order for my forms and uploaded to Webforms.
When the forms are used in a computer browser, it works well. Tab key will advance to next fields as I set the order.
However, the same forms are opened on iphone / ipad browser, both Safari and Chrome, the tab orders do not work. A tab key moves to random fields.
Is this a bug or something I missed?
Mint Kids Dentistry

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Thu Nov 19, 2015 11:59 am

Interesting, I've never actually tried to tab around using the tablet or phone. I'll look into it and get back to you. In the meantime, what version of iOS, iPad / iPhone, and what browser are you using so that I can guarantee a fix for your specific scenario if there is a bug.
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

kirkland
Posts: 9
Joined: Thu Nov 19, 2015 10:54 am

Re: Tab Order in iPhone / iPad browser

Post by kirkland » Thu Nov 19, 2015 1:36 pm

On iPhone, iOS 9.1. iPad iOS 9.1
I have tried on Safari and Chrome iOS (46.0.2490.85).
Mint Kids Dentistry

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Fri Nov 20, 2015 12:59 pm

So I upgraded to iOS 9.1 on our testing iPad here at the office and the tab key didn't show up. I searched for a while and found some sketchy site that hints at needing the larger 12 inch iPad Pro to get the tab key to show up. I'm not an Apple guy (hence the Android head munching my head in my avatar) so do you have some steps for me to take in order to enable the tab key on smaller devices?

I was able to download an iPad emulator on my desktop and the tabs are pretty wonky but I'm nervous that it is just this emulator. Can you tell me what happens when you start tabbing on my test form?
https://opendentalsoft.com/WebFormsGWT/ ... efID=12541
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Fri Nov 20, 2015 4:55 pm

So I found that our mobile and tablet version of web forms were not explicitly setting the tab index attribute on their respective divs so I added them. I have not released this code out to the wild yet but will do some more testing come Monday. I don't think this will fix the issue because it didn't solve the issue within the emulator I was using but it will be worth a shot (for you at least).
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

kirkland
Posts: 9
Joined: Thu Nov 19, 2015 10:54 am

Re: Tab Order in iPhone / iPad browser

Post by kirkland » Mon Nov 23, 2015 9:24 am

Hi, Jason,

Thank you for helping me.

I attached the screenshot of my iPhone interface for your reference. The red square is where I referred to as "tabs". https://goo.gl/photos/gbC1EVSQddZrXRwq7
Last edited by kirkland on Mon Nov 23, 2015 9:31 am, edited 1 time in total.

kirkland
Posts: 9
Joined: Thu Nov 19, 2015 10:54 am

Re: Tab Order in iPhone / iPad browser

Post by kirkland » Mon Nov 23, 2015 9:29 am

So, I tried to use Tab keys on your form.
I started from #1.
Order
#1 - #2 - #3 [STOPPED] - [Started again by clicking] #4 - #5 - #8 - #13 - #9 - #6 - #1 - #2 - #3 [STOPPED again]
jsalmon wrote: I was able to download an iPad emulator on my desktop and the tabs are pretty wonky but I'm nervous that it is just this emulator. Can you tell me what happens when you start tabbing on my test form?
https://opendentalsoft.com/WebFormsGWT/ ... efID=12541
Mint Kids Dentistry

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Mon Nov 23, 2015 12:48 pm

That's exactly what my emulator is doing. It seems that mobile browsers ignore the "tabIndex" argument on divs and simply tab through the divs as they were added (our divs on web forms are added randomly) with boxes 1, 2, 3 being the last divs present in the html (hence that is where each iteration will always stop).

I'll write this down as a known issue to research for an alternative way to add "tabIndex" to web forms in a mobile friendly way but since most mobile devices cannot tab, it isn't going to be a bug at the top of our list. A.K.A. don't expect it to get "fixed", if that is even possible, any time soon.
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

kirkland
Posts: 9
Joined: Thu Nov 19, 2015 10:54 am

Re: Tab Order in iPhone / iPad browser

Post by kirkland » Wed Dec 02, 2015 12:30 pm

Thank you.
This will def help my patients to fill out the forms using their smartphone or tablets and save time.
Mint Kids Dentistry

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Wed Mar 02, 2016 3:48 pm

We just purchased an official browser emulator which should make finding a viable alternative to this problem MUCH easier. We haven't had time to really delve into this because it takes an unnecessarily long time to debug mobile devices with our eService framework.
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

User avatar
jsalmon
Posts: 1551
Joined: Tue Nov 30, 2010 12:33 pm
Contact:

Re: Tab Order in iPhone / iPad browser

Post by jsalmon » Thu Jan 12, 2017 4:11 pm

We have finally fixed the tab orders for iPhone and iPads. Send all praise and thanks to jwhitney
The best thing about a boolean is even if you are wrong, you are only off by a bit.

Jason Salmon
Open Dental Software
http://www.opendental.com

Post Reply