Global lookup of Ember.view.Dialog.TaxonomySelect…chField from a Handlebars template is deprecated

Hi Team,

After upgrading to Ember 1.12 version I am facing the below issue

Global lookup of Ember.view.Dialog.TaxonomySelect…chField from a Handlebars template is deprecated

searchField.js

Ember.view.Dialog.TaxonomySelector.SearchField = Ember.View.extend({
	tagName: 'input',
	attributeBindings: [ 'value' ],
	classNames: [ 'taxonomy-search' ],
	change: function (event) {
		this.set('value', event.target.value);
	},
	keyUp: function (event) {
		this.set('value', event.target.value);
	},
	keyDown: function (event) {
		if (event.ctrlKey || event.shiftKey || event.altKey) { return; }
		if (event.keyCode === 40) {
			var self = this.$();
			var focusable = self.parents('form').find('input,.focusable');
			var idx = focusable.index(self) + 1;
			focusable.eq(idx).focus();
			return false;
		}
	},
	focusOut: function () {
		var e = this.get('element');
		this._savedSelection = [ e.selectionStart, e.selectionEnd ];
	},
	focusIn: function () {
		if (!this._savedSelection) { return; }
		var s = this._savedSelection;
		delete this._savedSelection;
		var e = this.get('element');
		e.selectionStart = s[0];
		e.selectionEnd = s[1];
	}
});

Please provide the solution for the above issue

Thanks in advance

Hi @Umapathi20, welcome! Unfortunately Ember 1.12 is so old that very few people remember much about it so we’ll only be able to help so much.

That said this issue is just a deprecation warning, so the logical place to look would be in the Ember 1.x deprecation guides. This should give you some clue as to what’s going on and how to resolve it.

Sounds like it’s not the js file that’s the issue in this case, it’s wherever this view is invoked from a template so I’d look into that.