When I have the combo listitems visible and I hit the space bar (also other keys will do this) the listitem container collapses to the first item. I am getting a JS error when I click on the arrow image. The following is my code
Code:
Ext.onReady(function(){
var converted1 = new Ext.form.ComboBox({
typeAhead: false,
triggerAction: 'all',
transform:'test1',
resizable: true,
editable: false,
forceSelection:true,
mode: 'local',
selectOnFocus:true
});
converted1.setValue("5");
});
<select id="test1">
<option value="1">123232323232dffffffffffffffffffffffffffffffffffffffff</option>
<option value="2">2 </option>
<option value="3">3 </option>
</select>
This combo is great. Right now I am trying to use this as a select replacement. If you don't mind I have a few suggestions
1. It would be nice to have a property to have the Listitems container to stay within the viewport. Right now if the combo control is on the very right of the viewport and that the listitems container expands greater then the combo the listitem container will be cut off.
2. Also a normal select you are able to use the up and down error to select a list item. Right now the combo does this but it also open up the list item container in order to do this. It would be nice to have a option to not have that happend.
3. It would be nice if you have a long text value in you option that the listitem container would automaitically expand to the larget width in the list.