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.

bug or feature, the tabs panel have focus ?

See original GitHub issue

I’am using last version !

<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap/dist/css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.css" />
<script src="//unpkg.com/bootstrap-vue@latest/dist/bootstrap-vue.js"></script>

And see this screenshot

There a focus on tab, it is a bug, or feature! In standart tabs of boostrap4 no focus! If this a feature how could disable, to make it not focusable. For Design perspective is not good looking ! I’m using last chrome !

Issue Analytics

State:
Created 5 years ago
Comments:14 (5 by maintainers)

Top GitHub Comments

2reactions

emanuelmutschlechnercommented, Apr 16, 2018

I think in a few weeks the pre-release will be available at unpkg

Documentation will look like this capture capture

2reactions

emanuelmutschlechnercommented, Apr 16, 2018

Until it is available via unpkg or npm you can use this build: bootstrap-vue.js bootstrap-vue.css

In your template simply add no-key-nav to <b-tabs> e.g.

<b-tabs no-key-nav>
  <b-tab title="first" active>
    <br>I'm the first fading tab
  </b-tab>
  <b-tab title="second" >
    <br>I'm the second tab content
  </b-tab>
  <b-tab title="disabled" disabled>
    <br>Disabled tab!
  </b-tab>
</b-tabs>

Link to a CodeSandbox