making the search header sticky

[Rajnish4444]

It would be great if the search header part is sticky and the div all the countries are in a div with overflow-y set to scroll with max height like 40-50%. This would enhance the UI and usability a lot. Also increasing the time between first character input and auto-scroll should be increased since its confusing when user suddenly gets scrolled while typing the name of the country and have to scroll all the way to top

[shayanhussaini]

Try this quick fix for this issue:

Add this into your component.scss file

::ng-deep input {
&.country-search {
position: sticky;
top: 0;
background-color: #fff;
z-index: 9;
}
}

Demo: https://stackblitz.com/edit/github-kevfvw-6xwbwc