Clockpicker отображает и скрывает сразу после обновления версии Chrome до 73 на materializecss

Question

У меня есть timepicker / clockpicker, который настроен следующим образом materializecss (v0.100.2).

<label for="time">Time</label>
<input id="time" type="text" class="timepicker">

$('.timepicker').pickatime({
   default: 'now'
});

Когда мы щелкаем по текстовому полю, открывается модальное окно часовщика, но сразу же оно закрывается. https://codepen.io/anon/pen/evQxPy

Это происходит после того, как я обновил свою версию Chrome до 73

Answer 1

У меня была такая же проблема, и я решил ее следующим образом:

 $('.timepicker').on('mousedown',function(event){
event.preventDefault();})

Надеюсь, это сработает, у меня отлично работает

Answer 2

Не уверен, если это пуленепробиваемое решение, но оно работает для меня, особенно с Clockpicker. Версия должна быть materializecss (v0.100.2). В файле materialize.js Line No: 8913

ClockPicker.prototype.show = function (e) {

Просто оберните setTimeout (200 мс) внутри всей этой функции, работает хорошо.

Answer 3

@ Subash Привет.

ClockPicker.prototype.show = function (e) {

Просто оберните setTimeout (200 мс) внутри всей этой функции, работает хорошо.

Для меня это работает только в том случае, если я использую функцию стрелки, потому что я сохраняю «this» из предыдущего контекста или вы должны передать его через setTimeout.