zdfs / toscani

This is a jQuery-based, progressively-enhanced solution for creating a single-field credit card input. The idea is to create a more streamlined credit card entry process.
872 stars 102 forks source link

Ghost In The Shell #28

Open zdfs opened 10 years ago

zdfs commented 10 years ago

So the problem with @aarongustafson's easy field auto advance (https://github.com/easy-designs/jquery.easy-field-auto-advance.js) on iOS is that you can only programmatically focus on a field if the page is a standalone webapp, and even when it works, iOS forces the keyboard down on blur and brings the keyboard up on focus. You can imagine what this feels like.

So what I want to try initially is an idea Alex Maccaw had when Luke W. first posted this demo. The idea is basically a "ghost field" where you have a single field floating on top of the visible fields, accepting input on their behalf. While this could get tricky, I want to first vet the idea in a simplified test for two things:

  1. It works (and by that I mean, I don't have to click the next or previous arrows in iOS to fill out the form).
  2. This implementation doesn't present any accessibility problems.

@toddparker and @aarongustafson - I'm going to be honest here and admit that I suck at accessibility. So off the top of your collective heads, you see any immediate problems with this idea?