在 materializecss 上将 Chrome 版本更新为 73 后，Clockpicker 会立即显示和隐藏

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

This happens after I have updated my chrome version to 73

Answer 1

不确定，这是否是防弹解决方案，但这对我特别适用于 clockpicker。版本应该是 materializecss (v0.100.2)。在 materialize.js 文件中，Line No: 8913

ClockPicker.prototype.show = function (e) {

只需将 setTimeout( 200 ms) 包装在整个函数中，效果很好。

Answer 2

@Subash 你好。

ClockPicker.prototype.show = function (e) {

Just wrap setTimeout( 200 ms) inside this whole function, works well.

对我来说，只有当我使用箭头函数时它才有效，因为然后我从以前的上下文中保留“this”，或者你必须通过 setTimeout 传递它。

Answer 3

我遇到了同样的问题，是这样解决的：

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

希望这对我有用

Clockpicker displays and hides immediately after updating Chrome version to 73 on materializecss