Skip to content

Commit 91d4b51

Browse files
Samuell1oliver-ni
authored andcommitted
fix(MdStep): set tabindex for not active step
1 parent 6cfd751 commit 91d4b51

File tree

1 file changed

+8
-1
lines changed

1 file changed

+8
-1
lines changed

src/components/MdSteppers/MdStep.vue

+8-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22
<div class="md-stepper">
33
<md-step-header v-if="MdSteppers.isVertical" :index="id" />
44

5-
<div class="md-stepper-content" :class="{ 'md-active': !MdSteppers.syncRoute && id === MdSteppers.activeStep }">
5+
<div :class="['md-stepper-content', { 'md-active': id === MdSteppers.activeStep }]" :tabindex="tabIndex">
66
<slot />
77
</div>
88
</div>
@@ -43,6 +43,13 @@
4343
}
4444
}
4545
},
46+
computed: {
47+
tabIndex () {
48+
return this.id !== this.MdSteppers.activeStep
49+
? -1
50+
: false
51+
}
52+
},
4653
methods: {
4754
getPropValues () {
4855
const propNames = Object.keys(this.$options.props)

0 commit comments

Comments
 (0)