Error: TypeError: Cannot read property 'sourceToRendered' of null

Tags: #<Tag:0x00007f8b1d3e08f0>

Error exception is thrown when HOT is within Angular Material Tab which is inactive (not visible).

Demo: https://hot-tab-demo51.stackblitz.io
Note: HOT is in ‘Second’ tab.

Chrome debug console (F12/Console) shows following:
ERROR TypeError: Cannot read property ‘sourceToRendered’ of null
at o.value (handsontable.full.min.js:34)
at o.value (handsontable.full.min.js:34)
at t.value (handsontable.full.min.js:40)
at t.default.getCell (handsontable.full.min.js:34)
at r (handsontable.full.min.js:34)
at eval (handsontable.full.min.js:34)
at eval (handsontable.full.min.js:40)
at n.t.default [as validator] (handsontable.full.min.js:40)
at eval (handsontable.full.min.js:34)
at ZoneDelegate.invokeTask (zone.js:423)

Please check this topic on Github https://github.com/handsontable/handsontable/issues/2268

I did check the topic.
So what’s the solution or workaround for my problem?

Thank you.

Can you share the code (I can only see the result)?

Here’s the code: https://stackblitz.com/edit/hot-tab-demo51

It looks like this force validation causes the error. You may try to call validateCells once the second tab is chosen.

I’ll implement some workaround.
Are you guys going to fix it? I can submit a bug report.
Thank you.

Sure. We gather all issue on Github. Do you think that this should be continued here https://github.com/handsontable/handsontable/issues/2268 or we should open a new topic?

It looks like the same issue is triggered by a different condition.
I don’t know whether is’s better to open new issue or re-open existing one. Whatever is more convenient for you guys.
Please let me know if I should open new issue.

Thanks!

I have updated and opened the topic https://github.com/handsontable/handsontable/issues/2268

Please share any additional comments if you think that anything should be added.

This issue was solved in v. 7.4.2.