ngHandsontable - Cell edit causes ng-model issue

Tags: #<Tag:0x00007efc728ec090>
#1

If the following is a known issue please respond with a link to the original posting. Also if there is a known workaround please let me know.

Details:
Browser: IE11
AngularJS: v1.4.10
ngHandsontable: 0.12.0

I’m only able to duplicate the following issue using IE11, Chrome works fine.

JSBin Sample:

Steps to reproduce:
Edit any cell in “ID” column (do not press enter or any table navigation key)
After edit immediately click on “filter” textbox
Type text into “filter” textbox

EXPECTED RESULT: {{ctrl.filter}} should correspond to item in “filter” textbox
DEFECT: model is not updated

Thanks,
Wes

#2

Thanks for sharing @murph1329
We will check this issue but please use the ngHandsontable Github for reporting bugs related to Angular version. It is available at: https://github.com/handsontable/ngHandsontable
Thanks in advance!

Memory usage on large datasets
#3

Thanks for the link. I’ll be sure to post any additional questions/findings there.

#4

I have an update on this.

As some of you can imagine this could be a serious issue as it could lead to data loss. After further investigation it looks like this is an issue with angular and not handsontable. I’m still looking in to it so if anyone has any further insight to push this along faster please let me know.

It appears Angular is not capturing the event correctly for IE. The following is a forum posting that goes into way more detail. I’ve committed on this to explain our issue as well with examples. It’s my opinion that angularjs 1.3.6 broke IE11.

I went ahead and created another jsbin using angular 1.3.5 and everything appears to be working as expected.

As I stated before if anyone has any further knowledge on this topic please share it.

Thanks,
Wes

#5

Thank you very much for the investigation @murph1329
I’m sure it will help our developers to fix the problem

#6