vuetifyjs/vuetify

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

Open

#17,670 opened on Jun 21, 2023

View on GitHub
 (10 comments) (0 reactions) (0 assignees)TypeScript (7,139 forks)batch import
C: VDataTableT: enhancementgood first issue

Repository metrics

Stars
 (40,995 stars)
PR merge metrics
 (Avg merge 59d 10h) (8 merged PRs in 30d)

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

Contributor guide

Research direction
Examine the row selection checkbox event handling and CSS class toggling for row highlighting.
Tech stack
typescriptvue
Domain
frontend
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
VueGit
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
75