Using checkbox in long data-tables with ripple enabled has serious performance issues in Chrome

[shig2k1]

New Functionality

Try creating a v-data-table with v-checkboxes in it. After 150 rows the performance in Chrome / Chromium is seriously affected. Removing ripple effect and it's peachy

Improvements

I won't have to bugger about overriding the css

Bugs or Edge Cases it Helps Avoid

Serious performance issues in Chrome / Chromium. Yes, I'm aware that pagination would help, it's not always convenient to split longer lists.

[shig2k1]

I should also add - Vuetify is AMAZING! you all should be so proud of your work

[shig2k1]

On closer inspection, I can simply improve performance in Chrome/chromium by adding the following override:

.input-group--selection-controls__ripple {
border-radius: 0 !important;
}

performance afterwards is fine.

[KaelWD]

This looks like it's supposed to be a bug report. Please open a new issue with the required information and provide some reproduction.

I made this codepen with 500 rows: https://codepen.io/anon/pen/XzZmMz?editors=1010
The only performance issue I can see is when data changes, caused by vuejs/vue#6351

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs. Please direct any non-bug questions to our Discord