File tree Expand file tree Collapse file tree 1 file changed +9
-2
lines changed
packages/vuetify/src/components/VList Expand file tree Collapse file tree 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>()({
135135 ( props . active || link . isActive ?. value || ( root . activatable . value ? isActivated . value : isSelected . value ) )
136136 )
137137 const isLink = computed ( ( ) => props . link !== false && link . isLink . value )
138+ const isSelectable = computed ( ( ) => ( ! ! list && ( root . selectable . value || root . activatable . value || props . value != null ) ) )
138139 const isClickable = computed ( ( ) =>
139140 ! props . disabled &&
140141 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 )
142143 )
143144
144145 const roundedProps = computed ( ( ) => props . rounded || props . nav )
@@ -244,7 +245,13 @@ export const VListItem = genericComponent<VListItemSlots>()({
244245 props . style ,
245246 ] }
246247 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+ }
248255 onClick = { onClick }
249256 onKeydown = { isClickable . value && ! isLink . value && onKeyDown }
250257 v-ripple = { isClickable . value && props . ripple }
You can’t perform that action at this time.
0 commit comments