vuetifyjs/vuetify

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

Open

#17,670 建立於 2023年6月21日

在 GitHub 查看
 (10 留言) (0 反應) (0 負責人)TypeScript (40,995 star) (7,139 fork)batch import
C: VDataTableT: enhancementgood first issue

描述

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/#...

貢獻者指南

技術棧
vuetypescript
領域
frontend
議題類型
bug
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
fresh
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
Vue 3Vuetify 3basic understanding of data tables
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
40
研究方向
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.