javascript/element-plus
1
0
Fork 0
mirror of https://github.com/element-plus/element-plus.git synced 2026-03-13 07:51:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(components): avoid focusing disabled elements (#22940)

Browse Source
This commit is contained in:
rzzf
2025-11-28 08:01:52 +08:00
committed by GitHub
parent 5c432f355e
commit f3b3140f5d
6 changed files with 20 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/components/color-picker-panel/src/components/alpha-slider.vue
View File

@@ -12,7 +12,8 @@
:aria-valuemin="minValue"
:aria-valuemax="maxValue"
role="slider"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
@keydown="handleKeydown"
/>
</div>

3
packages/components/color-picker-panel/src/components/hue-slider.vue
View File

@@ -12,7 +12,8 @@
:aria-valuemin="minValue"
:aria-valuemax="maxValue"
role="slider"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
@keydown="handleKeydown"
/>
</div>

3
packages/components/color-picker-panel/src/components/sv-panel.vue
View File

@@ -4,7 +4,8 @@
ref="cursorRef"
:class="cursorKls"
:style="cursorStyle"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
role="slider"
aria-valuemin="0,0"
aria-valuemax="100,100"

3
packages/components/date-picker-panel/src/date-picker-com/basic-date-table.vue
View File

@@ -39,7 +39,8 @@
:class="getCellClasses(cell)"
:aria-current="cell.isCurrent ? 'date' : undefined"
:aria-selected="cell.isCurrent"
:tabindex="isSelectedCell(cell) ? 0 : -1"
:tabindex="disabled ? undefined : isSelectedCell(cell) ? 0 : -1"
:aria-disabled="disabled"
@focus="handleFocus"
>
<el-date-picker-cell :cell="cell" />

6
packages/components/date-picker-panel/src/date-picker-com/panel-date-pick.vue
View File

@@ -99,7 +99,8 @@
role="button"
:class="dpNs.e('header-label')"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
@keydown.enter="showPicker('year')"
@click="showPicker('year')"
>{{ yearLabel }}</span
@@ -108,7 +109,8 @@
v-show="currentView === 'date'"
role="button"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
:class="[
dpNs.e('header-label'),
{ active: currentView === 'month' },

12
packages/components/date-picker-panel/src/date-picker-com/panel-date-range.vue
View File

@@ -179,7 +179,8 @@
role="button"
:class="drpNs.e('header-label')"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
@keydown.enter="showLeftPicker('year')"
@click="showLeftPicker('year')"
>
@@ -189,7 +190,8 @@
v-show="leftCurrentView === 'date'"
role="button"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
:class="[
drpNs.e('header-label'),
{ active: leftCurrentView === 'month' },
@@ -309,7 +311,8 @@
role="button"
:class="drpNs.e('header-label')"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
@keydown.enter="showRightPicker('year')"
@click="showRightPicker('year')"
>
@@ -319,7 +322,8 @@
v-show="rightCurrentView === 'date'"
role="button"
aria-live="polite"
tabindex="0"
:tabindex="disabled ? undefined : 0"
:aria-disabled="disabled"
:class="[
drpNs.e('header-label'),
{ active: rightCurrentView === 'month' },