Results 1 to 4 of 4

Thread: [FIXED-502] List created by Select field is never destroyed if hidden on mask tap

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1
    Sencha User
    Join Date
    Jan 2008
    Toronto, Canada

    Default [FIXED-502] List created by Select field is never destroyed if hidden on mask tap

    Select field has createList function that creates List of options, which is configured with hideOnMaskTap: true. If a user taps one of the items in this List, it gets hidden and destroyed properly. However if a user taps on a mask, the list gets hidden but is never destroyed and therefore stays in DOM forever.

    Proposed solution in Select.js (the changes are highlighted in red):
    createList: function() {
            return new Ext.List({
                tpl  : [
                    '<tpl for=".">',
                        '<div class="x-list-item">',
                            '<span class="x-list-label">{' + this.displayField + '}</span>',
                            '<span class="x-list-selected"></span>',
                cls             : 'x-select-overlay',
                itemSelector    : '.x-list-item',
                floating        : true,
                stopMaskTapEvent: true,
                hideOnMaskTap   : true,
                singleSelect    : true,
                listeners: {
                    selectionchange: {
                        fn: this.onListSelect,
                        scope: this
                    hide: function() {
        onListSelect : function(list, node, records) {
            var me       = this,
                selected = records[0];
            if (selected) {
                me.fireEvent('select', me, me.getValue());
                type: 'fade',
                out: true
    // This is not needed because the list gets destroyed by its own hide event
    //          after: function() {
    //              me.list.destroy();
    //          },
    //          scope: me
    Something like this. It should to the trick although I haven't personally tested it

  2. #2
    Sencha User BrendanC's Avatar
    Join Date
    Aug 2010


    Thanks for the bug report.

  3. #3
    Sencha Premium User evant's Avatar
    Join Date
    Apr 2007
    Sydney, Australia


    The Select class has since been refactored and this issue has now be resolved. Marking as fixed.
    Twitter - @evantrimboli
    Former Sencha framework engineer, available for consulting.
    As of 2017-09-22 I am not employed by Sencha, all subsequent posts are my own and do not represent Sencha in any way.

  4. #4

    Default How to take control over multiple x-select-overlay classes ?????????

    This is Vijay. I have a doubt. In my application there are more than one select fields. I need to configure each select field with different styles say colors, width, height. The id generated for x-select-overlay is not unique or is there anyway we can give an id to the x-select-overlays individually ?. Can anyone suggest a way to style the x-select-overlay classes individually. Is the createList function in this thread defined by Sencha or user defined ?? can we override this funciton in our code to take a control of x-select-overlay classes ???? Kindly reply with a solution asap. !!! Thanks in advance.............

Similar Threads

  1. Tap event on List
    By denishoctor in forum Sencha Touch 1.x: Discussion
    Replies: 5
    Last Post: 31 Aug 2010, 6:17 AM
  2. Replies: 0
    Last Post: 4 Aug 2010, 7:36 AM
  3. [FIXED] List on hidden panel is visible
    By GaryW in forum Sencha Touch 1.x: Bugs
    Replies: 7
    Last Post: 19 Jul 2010, 10:10 AM
  4. Update a hidden field on a ComboBox select?
    By travisbell in forum Ext 3.x: Help & Discussion
    Replies: 5
    Last Post: 22 Oct 2009, 3:38 PM
  5. Ext.form.Field (Select) Created From Existing Markup?
    By thejoker101 in forum Ext 2.x: Help & Discussion
    Replies: 2
    Last Post: 24 Jul 2007, 7:59 AM

Posting Permissions

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