When the width of an item in the igx-drop-down is exceeding the dropdown window the highlight is shifting to left. The more we scroll to right of an item the more highlight shifts to left. As per the expectation, the whole item should be highlighted as long as the item width will be.
Please suggest a fix for it.
Thank you for contacting Infragistics Community!
There has been already logged an issue regarding the same query in our GitHub repository. Although the issue is related to the igxSelect component, it internally uses the igxDropDown component, meaning that the issue is related to both of them. As you can observe this issue is already resolved and in case you’re using any of our currently supported versions (IgniteUI for Angular 10.2.x or 11.1.x) it shouldn’t be reproduced anymore.
You can refer to the following sample I have prepared for you. As you can observe the long values get truncated and the selection styling is applied appropriately. Please have in mind that this is the intended behavior for long items as per specifications (the last point of the user stories).
In case you want to display the entire content I can suggest the following approaches:
Please let me know if you have any further questions.
Best Regards, Martin Evtimov Associate Software Developer Infragistics, Inc.
Thanks for the information you shared. In this case, I think upgrading to fixed version will be better solution for us.
I'm glad that you find the provided information helpful.
Take your time and let me know if you need any further assistance.
Best Regards,Martin EvtimovAssociate Software DeveloperInfragistics, Inc.
I have upgraded IgniteUI for Angular to 10.1.0 version, now the horizontal scrollbar is not appearing so as a result the item is truncated. Cannot even check whether the previous issue got resolved or not. Along with this the first item in the list always get selected while mouse scroll but not is case of keyboard scroll.
thanks I guess once's you upgrade your issue will be resloved.