issues with display in chrome 70

I’m submitting a … (check one with “x”)

[X] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, post on Stackoverflow or Gitter

Current behavior There are visual glitches when using ngx-datatable with virtualization in chrome 70

Expected behavior Should not happen

Reproduction of the problem Install chrome 70 Go to virtualization demo http://swimlane.github.io/ngx-datatable/#horz-vert-scrolling Once some row gets focus start moving mouse around it up and down

Please tell us about your environment: Chrome 70, mac as well as linux

• Table version: latest

• Angular version: 6, 7

• Browser: Chrome 70

[mfjharvey]

I think I’ve found a fix. I was struggling with this for a while, trying to re-render the table and not getting anywhere mostly because it was glitching intermittently. Eventually I realised that this is just a CSS rendering glitch. The DOM knows exactly where each cell is supposed to be, but the CSS is rendering it inconsistently. If you let the browser know in advance that the rows are expected to have transformations applied, the glitch goes away.

.datatable-row-group {
  will-change: transform;
}

Adding that to your CSS seems to fix the issue. It was always intermittent but since adding that CSS rule, I haven’t seen it glitch at all.

[pwinstead]

I’ve also been experiencing this issue in my own forms plus a different graphical glitch where the row background will turn black.