vuetifyjs/vuetify

[Bug Report][3.3.5] Datatable: Row selection checkbox is not highlighting the row

Open

#17 670 ouverte le 21 juin 2023

Voir sur GitHub
 (10 commentaires) (0 réactions) (0 assignés)TypeScript (40 995 stars) (7 139 forks)batch import
C: VDataTableT: enhancementgood first issue

Description

Environment

Vuetify Version: 3.3.5 Vue Version: 3.3.4 Browsers: Chrome 111.0.0.0 OS: Windows 10

Steps to reproduce

Select on a row selection checkbox It should highlight the row but it is not

Expected Behavior

Highlight the selected row

Actual Behavior

Not highlighting the row

Reproduction Link

https://play.vuetifyjs.com/#...

Guide contributeur

Stack technique
vuetypescript
Domaine
frontend
Type d'issue
bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
Vue 3Vuetify 3basic understanding of data tables
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
40
Direction de recherche
Examine the Vuetify datatable source code, particularly VDataTableRow.vue and related selection logic. The row highlight on checkbox selection is likely controlled by a CSS class (e.g., 'v data table selected') or a computed property. Check the reproduction link to confirm the bug. Look for changes between Vuetify 3.3.4 and 3.3.5 that might have caused the regression. Consider if the highlight class is being applied but overridden, or if the selection state is not updating the row's class binding.