[data-table] Cannot read property 'checked of undefined'

Bug report

Upon rendering a page containing an @material/data-table, and then attempting to interact with checkboxes - the following error is reported in the JS Console:

Uncaught TypeError: Cannot read property 'checked' of undefined
    at Object.isHeaderRowCheckboxChecked (component.ts:162)
    at MDCDataTableFoundation.handleHeaderRowCheckboxChange (foundation.ts:193)
    at HTMLTableRowElement.handleHeaderRowCheckboxChange_ (component.ts:71)

However, if the rendered view is changed to the previous view (where the data-table is not) and then changed again to the view in which the data-table exists, clicking on a checkbox results in no error.

Got to run - but I’ll see if I can distill the problem into a repeatable demo in a starter kit within the next 24hrs.

Steps to reproduce

1. Will try to get a demo together in the next 24.

Actual behavior

Clicking on a check box in a table row results in the above error.

Expected behavior

Clicking on check box in a table row results in no error.

Screenshots

N/A

Your Environment:

Software	Version(s)
MDC Web	3.1.0
Browser	Chrome 76.0.3809.100
Operating System	Win 10

[abhiomkar]

Thanks for reporting issue. We need a working example to investigate this.

[buzziam]

I believe this issue was occurring because the underlying model was being modified at the same time .layout() was being called. Closing for now.