Observing select.selected in custom option components

[ghost]

Great add-on!

I'm currently trying to extend the behavior of the grouping mechanism for ember-power-select. In my custom group component, I want to add an observer which watches select.selected for values being added or removed from the array. However, when I add an observer to select.selected (or select.selected.@each or select.selected.[]), it fires on every mouse hover and selection. It's almost as if the selected array is literally recreated over and over again whenever anything happens? Is this the case? How would you suggest I have my group component be aware of when the user selects a new option.

Cheers!

[ghost]

Update: I noticed that whenever I mouse over any option in the select, didReceiveAttrs fires for the group components. What attributes are changing when I mouse over an option?

[ganapathyHf]

@justinzelinsky I guess, whenever an option is hovered, it is highlighted. On highlight, updateState method is called which sets the select again