Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

tabindex bug in b-button

See original GitHub issue

We need to be able to set the tabindex on inputs for a special case.

However, it doesn’t look like this is possible? https://github.com/bootstrap-vue/bootstrap-vue/blob/dev/lib/components/button.js

Would it be possible to add something that would allow us to pass any HTML attribute we want, so we’re not limited to the Vue component’s attributes? We may likely need to support some non-standard HTML attributes to act as shim during a project conversion as well.

Maybe something like? <b-btn :customHtmlAttrs="[{name: 'tabindex', value: '11'}, {name: 'myShimAttr', value: 'myShimVal'}]"></b-btn>

Renders: <button tabindex="11" myShimAttr="myShimVal"></button>

Issue Analytics

State:
Created 6 years ago
Comments:6 (4 by maintainers)

Top GitHub Comments

1reaction

tmorehousecommented, Sep 27, 2017

This has been fixed via PR #1120 and should be available in the next release.

0reactions

jvukovichcommented, Sep 27, 2017

1.0.0-beta.7. Looks like I should upgrade, did not notice it’s at .9 now. I am using nuxtjs/bootstrap-vue. Awesome, thanks much! Great project man!

Top Results From Across the Web

Tabindex attribute not working with A, BUTTON, or INPUT ...

What I got: Pressing the tab key doesn't apply focus on the next element in the tab order. Steps to reproduce: Anchor problem:...

Button is not accessible and not focused on tab key

1 Answer 1 · The best solution. Change all of your <p> s to <button> s. · Add role="button" to your <p> s....

Safari tabindex problems - CodePen

Safari tabindex bug. The button elements won't gain focus in Safari unless tabbing is explicitly turned on under Preferences -> advanced browser settings ......

Control focus with tabindex - web.dev

Standard HTML elements such as <button> or <input> have keyboard accessibility built in for free. If you're building custom interactive ...

Inconsistent behavior among browsers when clicking on buttons

After clicking, can we shift-tab to the previous element? Here's the HTML we're using for the test: <div tabindex= ...