File tree 1 file changed +9
-2
lines changed
packages/vuetify/src/components/VList
1 file changed +9
-2
lines changed Original file line number Diff line number Diff line change @@ -135,10 +135,11 @@ export const VListItem = genericComponent<VListItemSlots>()({
135
135
( props . active || link . isActive ?. value || ( root . activatable . value ? isActivated . value : isSelected . value ) )
136
136
)
137
137
const isLink = computed ( ( ) => props . link !== false && link . isLink . value )
138
+ const isSelectable = computed ( ( ) => ( ! ! list && ( root . selectable . value || root . activatable . value || props . value != null ) ) )
138
139
const isClickable = computed ( ( ) =>
139
140
! props . disabled &&
140
141
props . link !== false &&
141
- ( props . link || link . isClickable . value || ( ! ! list && ( root . selectable . value || root . activatable . value || props . value != null ) ) )
142
+ ( props . link || link . isClickable . value || isSelectable . value )
142
143
)
143
144
144
145
const roundedProps = computed ( ( ) => props . rounded || props . nav )
@@ -244,7 +245,13 @@ export const VListItem = genericComponent<VListItemSlots>()({
244
245
props . style ,
245
246
] }
246
247
tabindex = { isClickable . value ? ( list ? - 2 : 0 ) : undefined }
247
- aria-selected = { root . activatable . value ? isActivated . value : isSelected . value }
248
+ aria-selected = {
249
+ isSelectable . value ? (
250
+ root . activatable . value ? isActivated . value
251
+ : root . selectable . value ? isSelected . value
252
+ : isActive . value
253
+ ) : undefined
254
+ }
248
255
onClick = { onClick }
249
256
onKeydown = { isClickable . value && ! isLink . value && onKeyDown }
250
257
v-ripple = { isClickable . value && props . ripple }
You can’t perform that action at this time.
0 commit comments