Thanks the Z-index solved the issue, one more question, how would i go about it to have some extra spacing between top of scroll bar and search box. Also is there a way to prevent the resize of the with after initial load since the with changes one the filtered items are smaller in size vs the unfiltered list.

Thanks, that makes it more clear on how to achieve my goals. The only question i have left is how can i get rid or change the color the selected row will have when user clicks on it ? in my case its the pink in your sample its the blue. Even so its not a major issue i would like to remove or change for a look and feel.

I am wondering what the same as the above would look like for the igx-select as the above events dont exist on the igx-select. Here is a StackBlitz IGX-SELECT Sample.

Also is there a way for dropdown or select to change the select color or color of a specific row in the item list ?