ng-model is not working for multiselect dropdown in angular Js after chrome update to version 95.0

Question

I Have used below line of code for multi selection. I am trying to multiselect on one entity but as soon as the scope is passed on to the next entity, the elements that I have selected in first entity gets unselected-

enter image description here

This is working fine on previous versions of chrome but not in 95.0

Answer 1

This is breaking because you're setting ng-model to the same property that ng-options is using. So the moment you select something, abcDTO.SelectionTypes gets reset to whatever you selected. ng-options and ng-model should never be set to the same property. Has nothing to do with the Chrome version.

Here's an example of it working once you change ng-model to something else.

<select multiple="multiple" ng-multiple="true" rows="10" size="4" ng-model="abcDTO.Selection" ng-options="x.SelectionID as x.SelectionDesc for x in abcDTO.SelectionTypes"> </select>