Chosen doesn't update when the model changes programmatically

If you are going to be lazy asking me properly, I’ll be lazy answering to you (@leocaseiro)

Please make sure you can mark all the options, before open this Issue. I’ll prioritise the issues that are consistent and completed.

• I’ve read the documentation on http://leocaseiro.github.io/angular-chosen.
• I’ve searched on github issues and stackoverflow before open this issue.
• I’ve tested with the angular native select input without the chosen directive
• I’ve tested with the oficial jquery chosen without the angular chosen directive

Please, post your plunker link here:

plunker

Write your issue:

As can be seen in the attached plunker, clicking the button, which updates the model value, does not result in chosen itself getting re-rendered. This seems to be because of this line in the code. At least when I’m looking at it, the .css() call always returns a value of 0px, even when the dropdown is closed, which prevents the updated event from getting triggered.

I have no problem creating a PR, but I’m just not sure what that line of code is trying to accomplish. Would it be enough to test whether the dropdown is open (e.g. by checking if the active class is applied)?

[abyx]

Opened pull request #245 will appreciate feedback

[VanTanev]

My intuition is that we should remove the overwritten ngModel.render and the CSS hack and instead add something like:

ngModel.$formatters.push(function(value) {
  initOrUpdate()
  return value
})

The idea is that formatters are called only when angular changes the expression, while ngModelCtrl.render() is called both when angular chances it, and when chosen changes it

This is just a guess off the top of my head, haven’t had the chance to think through it very deeply.