Search code examples
jquerymaterializepopover

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

I have timepicker/clockpicker which is configured like this by materializecss (v0.100.2). 

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

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

When we click on the text field the clockpicker modal opens, but immediately it gets closed. https://codepen.io/anon/pen/evQxPy

This happens after I have updated my chrome version to 73

Solution

  • Not sure, if this is a bulletproof solution but this works for me especially with clockpicker. The version should be materializecss (v0.100.2). In materialize.js file, Line No: 8913

    ClockPicker.prototype.show = function (e) {

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