Open Dental Forum

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?

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.

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

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

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).

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

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

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.

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

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.

We have finally fixed the tab orders for iPhone and iPads. Send all praise and thanks to jwhitney