EDGE запаздывает в отображении ввода с клавиатуры - PullRequest
Новая
       7

EDGE запаздывает в отображении ввода с клавиатуры

0 голосов
/ 24 января 2019

Приведенный ниже код при выполнении по краю показывает большую задержку ввода.Шаги для воспроизведения:

  1. copy, вставьте фрагмент в локальный HTML-файл.Он не будет воспроизводиться из редактора сниппита в stackoverflow.
  2. откройте его с ребром
  3. убедитесь, что поля формы автозаполнения включены в настройках ребра / дополнительно.на самом деле нет необходимости иметь эти поля формы
  4. хлопать клавиатуру случайными клавишами (более 10 клавиш / сек), это немного грубо, но необходимо продемонстрировать.На рабочей странице, где есть css, достаточно обычной печати, чтобы увидеть проблему.
  5. Не уверен, если это имеет значение, Версия, где эта проблема работает Microsoft Edge 42.17134.1.0 Microsoft EdgeHTML 17.17134

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

Обходной путь найден, но не приемлем для нашей ситуации

  1. Отключите параметр «Сохранить записи формы»в краю.(неприемлемо, так как мы не можем заставить всех наших пользователей сделать это)
  2. удалить элемент формы (очевидно, неприемлемо) 

<html>
<head>

</head>
<body>
<form method="post">
    <div>
        <div>
            <table>
                <tr>
                    <td><input class="decimal" id="OrderLines_0__AmountExcl" name="OrderLines[0].AmountExcl" type="text" value="45,00" /></td>
                    <td><input class="decimal" id="OrderLines_0__VAT" name="OrderLines[0].VAT" type="text" value="21,00" /></td>
                    <td><input class="decimal" id="OrderLines_0__Quantity" name="OrderLines[0].Quantity" type="text" value="1,00" /></td>
                    <td><input id="OrderLines_0__Unit" name="OrderLines[0].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_0__ReductionPercentage" name="OrderLines[0].ReductionPercentage" type="text" value="" /></td>
                   
                </tr>
                <tr>
                    <td><input id="OrderLines_1__AmountExcl" name="OrderLines[1].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_1__VAT" name="OrderLines[1].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_1__Quantity" name="OrderLines[1].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_1__Unit" name="OrderLines[1].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_1__ReductionPercentage" name="OrderLines[1].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_2__AmountExcl" name="OrderLines[2].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_2__VAT" name="OrderLines[2].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_2__Quantity" name="OrderLines[2].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_2__Unit" name="OrderLines[2].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_2__ReductionPercentage" name="OrderLines[2].ReductionPercentage" type="text" value="" /></td>
                   
                </tr>
                <tr>
                    <td><input id="OrderLines_3__AmountExcl" name="OrderLines[3].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_3__VAT" name="OrderLines[3].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_3__Quantity" name="OrderLines[3].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_3__Unit" name="OrderLines[3].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_3__ReductionPercentage" name="OrderLines[3].ReductionPercentage" type="text" value="" /></td>
                  
                </tr>
                <tr>
                    <td><input id="OrderLines_4__AmountExcl" name="OrderLines[4].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_4__VAT" name="OrderLines[4].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_4__Quantity" name="OrderLines[4].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_4__Unit" name="OrderLines[4].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_4__ReductionPercentage" name="OrderLines[4].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_5__AmountExcl" name="OrderLines[5].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_5__VAT" name="OrderLines[5].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_5__Quantity" name="OrderLines[5].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_5__Unit" name="OrderLines[5].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_5__ReductionPercentage" name="OrderLines[5].ReductionPercentage" type="text" value="" /></td>
             
                </tr>
                <tr>
                    <td><input id="OrderLines_6__AmountExcl" name="OrderLines[6].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_6__VAT" name="OrderLines[6].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_6__Quantity" name="OrderLines[6].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_6__Unit" name="OrderLines[6].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_6__ReductionPercentage" name="OrderLines[6].ReductionPercentage" type="text" value="" /></td>
               
                </tr>
                <tr>
                    <td><input id="OrderLines_7__AmountExcl" name="OrderLines[7].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_7__VAT" name="OrderLines[7].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_7__Quantity" name="OrderLines[7].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_7__Unit" name="OrderLines[7].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_7__ReductionPercentage" name="OrderLines[7].ReductionPercentage" type="text" value="" /></td>
                
                </tr>
                <tr>
                    <td><input id="OrderLines_8__AmountExcl" name="OrderLines[8].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_8__VAT" name="OrderLines[8].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_8__Quantity" name="OrderLines[8].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_8__Unit" name="OrderLines[8].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_8__ReductionPercentage" name="OrderLines[8].ReductionPercentage" type="text" value="" /></td>
              
                </tr>
                <tr>
                    <td><input id="OrderLines_9__AmountExcl" name="OrderLines[9].AmountExcl" type="text" value="" /></td>
                    <td><input id="OrderLines_9__VAT" name="OrderLines[9].VAT" type="text" value="" /></td>
                    <td><input id="OrderLines_9__Quantity" name="OrderLines[9].Quantity" type="text" value="" /></td>
                    <td><input id="OrderLines_9__Unit" name="OrderLines[9].Unit" type="text" value="" /></td>
                    <td><input id="OrderLines_9__ReductionPercentage" name="OrderLines[9].ReductionPercentage" type="text" value="" /></td>                  
                </tr>
            </table>
        </div>
    </div>
</form>
</body>
</html>

Профилировщик производительности Edge показывает большие задержки на входном событии 100msdelay

и прикрепляет его к расширению AutoFormFill, котороепо умолчанию включено в Edge

Autoformfill js

Подробный обзор getFormIdentifier

enter image description here

Подробнообзор Isimple iloop

enter image description here

...