Looking at the provided Sample it still shows the previously selected one.

Yes your code fixed the focus one but it still shows what was previously selected which is ok if you use the control to set value but if you use it as a pop up menu it is not desired. So what style do i have to modify to get rif of the background color ?

So based on your answer i have the following takeaway. Angular material components will not work reliable (like Calendar) etc when using Infragistics overlay ? That's seems to be the take away her. The interesting part is that if i use angular Materials CDK overlay I do not have these issues and all controls render as expected.

https://stackblitz.com/edit/angular-material-cdk-overlay-sample1-yjjd7j?file=app/app.component.ts

Maybe my question was not clear so i apologize. I was not referring on how to remove the actual previously selected item in the dropdown. What i want is to change the current behavior and not highlight the previously selected Item if the user calls drop down after making a previous selection. Currently its this light red bar which highlights what was selected before, that's what i want to be able to remove / not show

I guess i cant expect an answer on this as 8 days and no reply

Also on the Remote API is not the issue as the TOP nbr is a required value if its not provide we dont return data. The issue at hand is why the code request data with no filter if you delete a value in the txt box which did not match any remote data. When i enter the www and it returns nothing and on clicking the X it will fire of a new query with no filter string. If i go pick a valid value and then delete via X it goes and deletes the text from control without firing a new blank search request. This is not only the behavoir on my code but also your published remote data sample on autocomplete control

Yes that is correct, as the initial sample loads 20 i want to be able to load additional data if there is any past the set 20. The Sample on Remote Data for the autocomplete implements partial code to do so. There is no reason to limit something to 20 if there is no way to get additional data.

I have to say i am quite disappointed by this response…. This has to be an all time low as far as quality of support.

a) the issue on the delete of a non found value like www does not only happen with my remote data but even on the sample on the your side which could have been easily verified. The issue is not the remote data but the question is what causes the system to fire off a blank query when a non found value is removed vs there is no query when a valid value is removed.

b) if you like to use code samples please bother to read the whole code before you copy and paste.

 this.remoteService.getData({ startIndex: 0, chunkSize: 20 }, inputTerm, (args) => {
            this.loading = false;
            this.noItems = args.value.length === 0;
        });

The above code in the component asks for a chunk of 20 so that's all your HTML code via *ngFor can loop thru, So this answer was completely wrong.

If you cant answer the above issues because of lack of knowledge please refer this to someone who has the expertise