Dear support Team, I use igcombo to show data ( dropdown type ig-combo : only select , cannot input custom value) on IE11. When i focus to this igCombo, caret still display in igCombo. How to remove caret from dropdown type ig-combo in IE11 when focus ? Thanks and best regards,
Additional information: first item in igCombo is blank.
Chrome: don't display caret when focus
IE11: still display caret when focus.
How to remove caret from dropdown type ig-combo in IE11 when focus ?
May I ask you a question?
What do you mean by "first item in igCombo is blank"?
Do you mean that the text of the first item is ""?, or that you want the igCombo to have no selected item?
Thank you for giving a test to the sample. The issue is also reproduced in my side by tabbing into the igCombo.
Since igCombo is an open source control, you can create a new issue in GitHub: https://github.com/IgniteUI/ignite-ui/issues
By doing it, you can directly communicate with our development team. And also, you can get notification when there is any update in the status.
Thank you in advance.
I found that igCombo use input tag with readonly property.So, when i focus to readonly input element, we should accept the cursor will show.please refer to below link :www.outsystems.com/.../
Could you please show to me how implement dropdown type igcombo without render readonly input textbox ?
I've already executed sample 0624.F120442-Sample1.zip in IE11 .The caret still display when i press tab to focus into igCombo.
I'm afraid that igCombo works in the same way as you expect in my environment.
I attached the sample I've been giving a test. Could you see whether or not it works fine in your environment?
And iff it works well, could you share with us an isolated simple sample which can reproduce the issue?
0624.F120442-Sample1.zip
First item in igCombo is blank or don't have any data are same error.
Please refer to image in IE11 below when i press tab to focus into igCombo
This is my sample code :
=====
<script> $(function () {
var data = [];
$("#combo").igCombo({ dataSource: data, //JSON Array defined above valueKey: "ID", mode: "dropdown", textKey: "Name" }); });</script><div id="combo"></div>
======
Because this is un-editable combobox so the caret should not be displayed.