Всплывающая подсказка ExtJS неправильно обрабатывается с длинным телом

Прежде всего, я знаю, что использую extjs не в режиме «propper», но у меня также есть другие функции на моем сайте, которые не требуют extjs.Всплывающая подсказка ExtJS неправильно обрабатывается с длинным телом

Моя проблема довольно странная. У меня есть HTML-документ, например, так:

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

Однако, когда я открываю ExtJS приложение (состоит из окон, которые используются для определенных задач, таких как редактирование продукта), и я прокрутки (в браузере, а не в extjs) и наведите указатель мыши на элемент с помощью всплывающей подсказки, всплывающая подсказка отображается так, как если бы у документа не было полосы прокрутки, что означает, что всплывающая подсказка отображается до самого верха документа, а не там, где находится курсор. То же самое касается перетаскивания и почти всего, что связано с ориентированными на мышь позициями ... Я огляделся на форумах и в Google и т. Д., Но не видел никого с подобной проблемой, поэтому, если у кого-то есть идея, как исправить это, это было бы очень, ОЧЕНЬ полезно!

Вот скриншот, чтобы, возможно, дать лучшее представление о том, что происходит:

Tooltip rendered wrong

Заранее спасибо!

EDIT: Вот простая скрипка, демонстрирующая мою проблему. так как скрипка sencha производится с самими extjs, она автоматически решает проблему. Поэтому для этого достаточно вставить только код, чтобы вы могли протестировать его в своем приложении.

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 

       }] 
      } 
     }) 
    } 
});

источник

2014-12-04 Nick

Какую версию вы используете и, пожалуйста, предоставьте код. –

Я использую Extjs 5.0.1, и какой код вы хотите, так как это не проблема, связанная с кодом? – Nick

минимальное приложение с вашей проблемой на https://fiddle.sencha.com было бы здорово поймать ошибку. –

Похоже, что это просто не представляется возможным изнутри ExtJS. Я сделал обходной путь, сделав мой прокручиваемый div, и мое тело не прокручивается.

источник

2014-12-15 11:32:11 Nick

Всплывающая подсказка ExtJS неправильно обрабатывается с длинным телом

ответ

Смежные вопросы