Results 1 to 4 of 4

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
    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
    Vote Rating

    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
    Vote Rating


    Thanks for the bug report.

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


    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
    Sencha User
    Join Date
    May 2012
    Vote Rating

    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