Sencha Touch 2: itemtap su IE senza target div

Question

Sto lavorando a un'app ibrida Cordova e attualmente sto affrontando problemi su Windows 8.1 con Sencha Touch 2. Ho ottenuto alcuni div su un listitem con alcuni sottoelementi. Ho definito un ascoltatore di tocchi. Funziona bene con Android e IOS, ma questo non funziona su Win8.1 con Internet Explorer. Ricevo sempre l'elemento listitem sopra menzionato, non i contenitori div cliccati.

Questo è l'esempio semplificato:

vista:

Ext.define('App.view.MyDataView', { 

xtype: 'mydataview', 
extend: Ext.dataview.List , 

config: { 

    inline: false, 
    title: "myTitle", 

    scrollToTopOnRefresh: false, 

    cls: 'MyDataView', 
    itemCls: 'MyDataViewItem', 
    pressedCls: 'MyDataViewItemPressed', 
    grouped: true, 

    listeners: { 
     tap: { 
      element: 'element', 
      //delegate: '.something', 

      fn: function (e) 
      { 
       console.log(e.target.className) 
      } 
     } 
    }, 
    deferEmptyText: false, 
    infinite: true, 

    variableHeights: true, 
    itemTpl: new Ext.XTemplate(
     [ 

          '<div class="red" style="background-color:red;width:50%">', 
       'red', 
       '<div class="black" style="background-color:black;width:80%">', 
        '<div class="blue" style="background-color:blue;width:30%">blue</div>', 
       'black</div>', 
      '</div>' 
     ].join(''), 
     { 
      compiled: true, 
      getInteractable: function() {}, 
      //some member functions here... 

     } 
    ) 
} 
}); 

e.target alla spina ascoltatore sempre mi danno seguente:

<div class="x-unsized x-list-item WorkingHoursDataViewItem x-has-height x-list-item-tpl" id="ext-simplelistitem-85" style="height: 42px !important; min-height: 42px !important; transform: translate3d(0px, 264px, 0px);"> 
    <div class="x-unsized x-list-disclosure x-item-hidden" id="ext-component-233" style="display: none !important;"></div> 
    <div class="x-innerhtml" id="ext-element-815"> 
     <div class="red" style="width: 50%; background-color: red;"> 
       red 
      <div class="black" style="width: 80%; background-color:black;"> 
       <div class="blue" style="width: 30%; background-color:blue;"> 
          blue 
          </div> 
        </div> 
        black 
        </div> 
      </div> 
       </div> 
      </div> 
     </div> 
    </div> 
    </div> 

ho passato in rassegna un sacco attraverso evento , e, obiettivo ma non vi è alcun riferimento al contenitore div cliccato:/

Grazie in anticipo!

// edit: esempio semplificato // è legato alla raggruppate: true -> Se commento questo fuori tutto funziona come previsto

Answer 1

fisso - se raggruppati: vero è stato istituito, ha causato questo risultati imprevisti su IE.

Soluzione: dopo aver mostrato Vista: list.updateGrouped()