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.
Hello Minakshi,
Thank you for getting back to me!
After further investigation I can verify that the issue is resolved in any version above IgniteUI for Angular 10.0.0. Having this in mind in version 10.1.0 the fix is applied. However I suggest using the 10.2.x which is the currently supported IgniteUI for Angular 10 version.
As you can observe within the sample I have provided to you in my initial response by default when the value of the item is to long it gets truncated (ends with three dots and a right padding equals to the left one). Having this in mind I assume that you have applied additional styles in order to achieve the behavior in the provided screenshot. After further investigation of the provided screenshot I assume that you’re using the igxAutocomplete directive with async data as well.
Having this in mind I have prepared another sample for you. As you can observe the second column (Name) of the igxGrid contains an autocomplete dropdown which renders an async data. Some of the data entries have long names and the default truncating is applied. However if you place the cursor over them a tooltip will appear displaying the full name (the approach I have suggested in my initial response).
Please let me know if you need any further information.
Best Regards, Martin Evtimov Associate Software Developer Infragistics, Inc.
I have already upgraded to version 10.1.0. Which version r u recommending? My app is upgraded to Angular 10, so I guess I cannot any other version of Ignite UI other than 10.
thanks I guess once's you upgrade your issue will be resloved.
Hello Martin,
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.
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.