2014-12-04 7 views
5

Prima di tutto, so che sto usando extjs non nel modo "propper", ma ho anche altre funzionalità nel mio sito che non richiedono extjs.La descrizione dei comandi di ExtJS risulta errata con il corpo lungo

Il mio problema è piuttosto strano. Ho un documento HTML in questo modo:

<body> 
    <div id="extjs"> 
     //OTHER HTML ELEMENTS HERE 
    </div> 
</body> 

Tuttavia, quando ho aperto la mia domanda extjs (costituito da finestre che vengono utilizzati per alcuni compiti come la modifica di un prodotto), e ho scorrere (nel browser, non nel elementi extjs) e passa il mouse su un elemento con un suggerimento, il tooltip è reso come se il documento non avesse una barra di scorrimento, il che significa che il tooltip è reso fino alla cima del documento, invece di dove si trova il cursore. La stessa cosa vale per il drag and drop e praticamente tutto ciò che riguarda le posizioni orientate al mouse ... Mi sono guardato intorno su forum e google e così, ma ho visto nessuno con un problema simile, quindi se qualcuno ha un'idea su come risolvere questo problema, sarebbe molto, MOLTO utile!

Ecco uno screenshot a forse dare una migliore idea che cosa sta succedendo:

Tooltip rendered wrong

Grazie in anticipo!

MODIFICA: Ecco un semplice violino per dimostrare il mio problema. dal momento che sencha fiddle è realizzato con extjs stesso, autorizza a risolvere il problema. Pertanto, è sufficiente incollare il codice qui per poterlo testare nella propria applicazione.

index.html

<div id=extjs style="background-color: red; width: 2000px; height: 3000px;"> 
    <p> 
     content of website is here 
    </p> 
</div> 

app.js

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     Ext.create('Ext.window.Window', { 
      width: 500, 
      height: 500, 
      autoShow: true, 
      renderTo: Ext.get('extjs'), 
      items: { 
       xtype: 'form', 
       title: 'testform', 
       items: [{ 
        xtype: 'textfield', 
        fieldLabel: 'test input', 
        name: 'test', 
        allowBlank: false 

       }] 
      } 
     }) 
    } 
}); 
+1

Quale versione di si sta utilizzando e si prega di fornire un po 'di codice. –

+0

sto usando Extjs 5.0.1 e quale codice vuoi, dal momento che non è un problema relativo al codice? – Nick

+4

Un'applicazione di esempio minima con il tuo problema su https://fiddle.sencha.com sarebbe ottima per cogliere l'errore. –

risposta

0

Sembra che questo non è semplice possibile dall'interno ExtJS. Ho fatto un tentativo di fare il mio div scorrevole e il mio corpo non scorrevole.

Problemi correlati