data-tabindex doesn't work for me

[Jeff Dairiki]

Has anyone managed to get the data-tabindex attribute on the div.g-recaptcha to work. My captcha HTML looks like

<script async defer src="https://www.google.com/recaptcha/api.js?hl=en"></script>
<div class="g-recaptcha" data-sitekey="[my sitekey]" data-tabindex="102"></div>

However, the resulting recaptcha iframe (and all other elements with tabindexes still have tabindex="0". Has anyone gotten this to work?

(If I go in and change the iframe’s tabindex (with the chrome developer console), tabbing works okay.)

Any hints? Thanks!

Reference: https://developers.google.com/recaptcha/docs/display#render_param

[tech....@gmail.com]

I'm trying to implement data-tabindex but I'm having the same problem as you.

Did you solve it?

[Jeff Dairiki]

On Wed, Sep 2, 2015 at 2:58 AM, <tech....@gmail.com> wrote:

I'm trying to implement data-tabindex but I'm having the same problem as you.

Did you solve it?

Unfortunately, no.

I haven't looked at this recently, in any great detail, but I have verified that the code quoted in my original message (with the data-tabindex attribute on the div.g-recaptcha) still appears not to work.

[Han Sooloo]

Having the same problem ... wondering if there are any updates from Google?

[sunshine...@gmail.com]

[Han Sooloo]

So, this is what made it work for me:
Assuming all the form input fields are grouped under the same class="form-control" tag, the browser will provide the most logical tab order for you.

There is actually no use case (at least for me) to explicitly set the tabindex.  If I lay out the input elements, and group them, the browser will take care of the rest.

Although this _technically_ does NOT address the issue that the widget simply does not use the passed parameters as documented.

On Friday, July 3, 2015 at 9:44:25 PM UTC-4, Jeff Dairiki wrote:

[Mickaël THOMAS]

It seems to be a bug. The iframe has the (wrong) lowercase "tabindex" property set correctly, but not the real "tabIndex" property.