Table Column cellRenderer Not Re-Rendering Appropriately With Interactable Content (Checkbox)

[Austint30]

Environment

• Package version(s): @blueprintjs/table: 3.8.2
• Browser and OS versions: Chrome: v79.0.3945.117, Windows 10 v1903

If possible, link to a minimal repro: https://codesandbox.io/s/blueprint-interactive-cell-checkbox-bug-8vnlk?fontsize=14&hidenavigation=1&theme=dark

Steps to reproduce

1. In the above CodeSandbox link click a checkbox in the table.
2. Notice that the table row highlights but the Checkbox stays unchecked.
3. Click the checkbox again and now it finally re-renders in checked state.

Actual behavior

The cellRenderer function for the checkbox Column is not being called upon state change of which rows are selected. This causes the checkbox and the row highlight to become out of sync.

EDIT: It appears that if I set the data limit to 10 records the bug goes away and works as I intended. If it's anything higher than 10 the bug reappears.

EDIT 2: Setting the renderMode to NONE also seems to fix the bug. But, I lose performance with large data sets.

Expected behavior

I expect the checkboxes to be in sync with the row highlight. The checkbox should require one click to toggle the selected state of the row.

Possible solution

I don't have a solution.

[henrywarhurst]

@Austint30 interestingly in your repro moving down the table and selecting every row successfully selects every second row