Merge pull request #7382 from quantumwebco/fix/tab-prev-next-button-type

fix: tablist prev/next button type
pull/7398/head
Tuğçe Küçükoğlu 2025-03-07 11:49:16 +03:00 committed by GitHub
commit 495339b282
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 2 deletions

View File

@ -3,6 +3,7 @@
<button
v-if="showNavigators && isPrevButtonEnabled"
ref="prevButton"
type="button"
v-ripple
:class="cx('prevButton')"
:aria-label="prevButtonAriaLabel"
@ -14,14 +15,17 @@
<component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
</button>
<div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
<div ref="tabs" :class="cx('tabList')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
<div ref="tabs" :class="cx('tabList')" role="tablist"
:aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabList')">
<slot></slot>
<span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true" v-bind="ptm('activeBar')"></span>
<span ref="inkbar" :class="cx('activeBar')" role="presentation" aria-hidden="true"
v-bind="ptm('activeBar')"></span>
</div>
</div>
<button
v-if="showNavigators && isNextButtonEnabled"
ref="nextButton"
type="button"
v-ripple
:class="cx('nextButton')"
:aria-label="nextButtonAriaLabel"