You found a bug! We've classified it as TOUCH-4135 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1
    Sencha User Dumas's Avatar
    Join Date
    Dec 2008
    Location
    Vienna, Austria
    Posts
    581
    Vote Rating
    9
    Dumas will become famous soon enough

      0  

    Default Ext.Msg.prompt over selectfield picker

    Ext.Msg.prompt over selectfield picker


    Ext version tested:
    • Sencha Touch 2.1.0
    Browser versions tested against:
    • Chrome 24
    DOCTYPE tested against:
    • HTML5
    Description:
    • The picker of a selectfield in a Ext.Msg.prompt pops up under the prompt.
    Steps to reproduce the problem:
    • open the code below
    The result that was expected:
    • The picker should be in front of the prompt
    The result that occurs instead:
    • prompt is in front
    Test Case:


    Code:
    
    Ext.Msg.prompt(
        'Test',
        'Open the picker',
        function(buttonId, value) {},
        null, //scope
        false, //multiline
        1, // default
        { // prompt config
            xtype: 'selectfield',
            options: [
                {value: 1, display: 'option 1'},
                {value: 2, display: 'option 2'},
                {value: 3, display: 'option 3'}
            ],
            valueField: 'value',
            displayField: 'display'
        }
    );





    HELPFUL INFORMATION




    Screenshot or Video:Debugging already done:
    • none
    Possible fix:
    • not provided
    Additional CSS used:
    • only default ext-all.css
    • custom css (include details)
    Operating System:
    • Mac OS X

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,327
    Vote Rating
    851
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


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

  3. #3
    Sencha User
    Join Date
    Mar 2013
    Posts
    13
    Vote Rating
    0
    kanik is on a distinguished road

      0  

    Default Ext.Msg.show over selectfield picker

    Ext.Msg.show over selectfield picker


    Hi,
    I am facing the same issue but instead of prompt i'm using show and when i click on selectfield its picker goes behind the message box instaed of coming in front.

    code:
    Ext.Msg.show({
    style:'background:#25488C;border-radius:10px;border-color:white;foreground:white',

    layout:{
    pack:'center'
    },
    buttons : [{
    itemId : 'ok',
    text : 'Ok',
    style:'color:#ffffff:font-style:bold;font-size:20px',
    width: '98%',


    },

    ],
    buttonAlign:'center',
    items: [
    {
    xtype: 'label',
    html:'Please Proceed to Drop Off Zone.',
    style:'color:white;font-size:20px'
    },
    {
    xtype:'selectfield',
    options: [
    {text: 'Intermodal Hub1', value: 'first'},
    {text: 'Intermodal Hub2', value: 'second'},
    {text: 'Intermodal Hub3', value: 'third'}
    ],



    }]


    });

  4. #4
    Sencha User sch-z's Avatar
    Join Date
    Jun 2011
    Location
    Bremen
    Posts
    3
    Vote Rating
    1
    sch-z is on a distinguished road

      0  

    Default override Ext.Picker

    override Ext.Picker


    I had the same problem and solved it by overridd the picker and set the z-index to 1000 because the Ext.Msg has a z-index of 999.

    Code:
    Ext.define('RESIST.view.override.Picker', {    
        requires: 'Ext.Picker'  
      },   
      function() {    
        Ext.override(Ext.Picker, {      
          config: {
            doneButton:  {
              text: 'Fertig',
              ui  : 'confirm'
            },
            cancelButton: {
              text: 'Abbruch', 
              ui  : 'decline'
            }, 
            zIndex: 1000
          }
        }); 
      }
    );
    Greetings from Bremen

    Roman