Results 1 to 2 of 2

Thread: Combobox bug when FocusManager enabled, automaticaly set value.

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Ext JS Premium Member
    Join Date
    Nov 2011
    Vote Rating

    Default Combobox bug when FocusManager enabled, automaticaly set value.


    Ext version tested:
    • Ext
    • Ext 4.1.3
    • Ext 4.1.1

    Browser versions tested against:
    • FF9 Ubuntu 12.10
    • Chromium 24 Ubuntu 12.10
    • FF9 Windows7

    DOCTYPE tested against:
    • html

    • Combobox value changed automaticaly when focus moves to the next item in a list.

    Steps to reproduce the problem:
    • Run the sample in appropriate browser
    • Press "Enter" key - focus will be set to the viewport
    • Press "Enter" again - focus frame will be set to panel header
    • Press "ArrowDown" key - focus will be set to combobox
    • Press "ArrowDown" key again - combobox data will be loaded and items list opened, But focus will be set to the Viewport
    • Press "ArrowDown" key - focus will be set to opened combobox items list
    • Press "ArrowDown" key - will be selected first item and combobox value changed to its value. Focus frame jump again to Viewport

    The result that was expected:
    • First item from combobox should be selected but combobox value doesn't changed.
    • Combobox list focus should move through all items without changing combobox value

    The result that occurs instead:
    • Focus frame always jumps to Viewport
    • Combobox value sets automaticaly when list focus moves to the next item in a list

    Test Case:

    <!DOCTYPE html>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
            <title>Test extjs project</title>
            <!-- <link href="" rel="stylesheet" type="text/css" />
            <script type="text/javascript" charset="utf-8" src=""></script> -->
            <!-- <link href="/ext-4.1.3/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
            <script type="text/javascript" charset="utf-8" src="/ext-4.1.3/ext-all.js"></script> -->
            <link href="/ext-" rel="stylesheet" type="text/css" />
            <script type="text/javascript" charset="utf-8" src="/ext-"></script>
            <script type="text/javascript">
                    Ext.define("Post", {
                        extend: '',
                        proxy: {
                            type: 'jsonp',
                            url : '',
                            reader: {
                                type: 'json',
                                root: 'topics',
                                totalProperty: 'totalCount'
                        fields: [
                            {name: 'id', mapping: 'post_id'},
                            {name: 'title', mapping: 'topic_title'},
                            {name: 'topicId', mapping: 'topic_id'},
                            {name: 'author', mapping: 'author'},
                            {name: 'lastPost', mapping: 'post_time', type: 'date', dateFormat: 'timestamp'},
                            {name: 'excerpt', mapping: 'post_text'}
                    ds = Ext.create('', {
                        model: 'Post'
                    Ext.create('Ext.container.Viewport', {
                        layout: 'fit',
                        items: [{
                            region: 'center',
                            xtype: 'panel',
                            focusOnToFront: true,
                            title: 'Search the Ext Forums',
                            width: 600,
                            bodyPadding: 10,
                            layout: 'anchor',
                            padding: 100,
                            items: [{
                                xtype: 'combo',
                                store: ds,
                                displayField: 'title',
                                anchor: '100%',
                                editable: false,
                                queryCaching: false,
                                labelAlign: 'top',
                                fieldLabel: 'Feature',
                                editable:   false,
                                value: 'Select Feature',
                                listConfig: {
                                    loadingText: 'Searching...',
                                    emptyText: 'No matching posts found.',
                                listeners: {
                                    change: function () {
                            }, {
                                xtype: 'component',
                                style: 'margin-top:10px',
                                html: 'Live search requires a minimum of 4 characters.'


    Screenshot or Video:

    See this URL for live test case: http://

    Debugging already done:
    • none

    Possible fix:
    • not provided

    Additional CSS used:
    • only default ext-all.css

    Operating System:
    • Ubuntu 12.10
    • Windows 7

  2. #2
    Sencha User mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Gainesville, FL
    Vote Rating


    Thanks for the report! I have opened a bug in our bug tracker.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts