Кнопка очистки поиска типа ввода Microsoft Edge не работает должным образом с таблицами данных

Question

Я использую Datatables для сортировки и фильтрации моих таблиц. Когда вы активируете Datatables, появляется поле поиска. В Chrome, Firefox, Edge и Internet Explorer 11 имеется кнопка очистки для каждого поля ввода поиска.

Когда вы нажимаете на нее, текст очищается и таблица будет сброшена. За исключением Microsoft Edge, это не работает. Таблица не сбрасывается.

Это проблема с Microsoft Edge или Datatables?

Answer 1

Я пытаюсь провести тест на моей стороне с EDGE и получил такой же результат, как и у вас.

При нажатии на «X» таблица не сбрасывается.

Нажмите здесь, чтобы увидеть результат тестирования

Затем я сделал несколько других тестов и обнаружил, что если вы используете клавишу BackSpace для очистки текста поиска, он будет работать как положено.

Если вы используете кнопку 'X', то после того, как текст станет понятным, вам нужно нажать Enter для сброса данных.

Я согласен с другими участниками сообщества, что Edge не вызывает событие для сброса данных.

Я думаю, вам нужно отправить свой отзыв на сайт Datatables. Чтобы они могли модифицировать свой код, который может корректно работать с Edge.

Привет

Дипак

Answer 2

Это известная ошибка, найденная в сборке 17.17134 Edge.

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/17584515/

Я использую более раннюю версию, и она все еще работает.

Answer 3

Я считаю, что Edge не запускает события, которые прослушивает вход DT. Это keyup, keydown, keypress, cut и paste ... При нажатии кнопки очистки ввода поиска запускаются два дополнительных события: mousedown и mouseup.

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

$('.dataTables_filter input').on('mouseup', function() {
  table.draw()
})

См. Этот вопрос, где проблема обсуждается более подробно -> Событие сработало при очистке ввода текста в IE10 со значком очистки