Materialize: forms problems chrome 73

[rubenscd]

forms don't work in Google Chrome 73.0... materializecss v0.100.2

date picker & tag select

try in http://archives.materializecss.com/0.100.2/forms.html

[DavinderPRO]

date picker closing automatically after opening.

[DanielRuf]

This is a regression in Chrome.

See https://bugs.chromium.org/p/chromium/issues/detail?id=941910 and https://github.com/amsul/pickadate.js/issues/1138

[DanielRuf]

Please keep in mind that v0.x is not developed anymore. We are on v1.x now.

[azharuddinsayed]

Few things which are working in v0.x is not working in v1.x so please guide me , i have only issue with drop down with v0.x , how i can resolve the issue

[ivicaned]

it would be really helpful to have some quick fix for materialize 0.100.2, because we can't upgrade to 1.000 immediately.

[DanielRuf]

You can patch this using patch-package.

[crispdata]

What is the way out for pickadate in chrome 73?

[DanielRuf]

@crispdata see https://github.com/amsul/pickadate.js/commit/9282a8021c47e39d1aee72d69557d6e4ee68034d

But set the value to 100 or a bit higher.

[crispdata]

@DanielRuf

$('.fromdatepicker').pickadate({
format: 'yyyy-mm-dd',
selectMonths: true, // Creates a dropdown to control month
selectYears: 15, // Creates a dropdown of 15 years to control year
onSet: function (ele) {
if (ele.select) {
var chosen_date = $('.fromdatepicker').val();
$('.todatepicker').pickadate('picker').set('min', chosen_date);
$(".todatepicker").removeAttr('disabled');
this.close();
}
},
onClose: function () {
//$('.datepicker').blur();
$(document.activeElement).blur()
}
});

This is the code I am using for pickadate
Can you please tell me what changes I can do in this code to making it works in Chrome 73?

[DanielRuf]

Please see https://github.com/amsul/pickadate.js/pull/1140, you have to change the source of the pickadate component.

[zeeshanaligold]

@crispdata
The solution is to filter the target with the parent:
if ( target != ELEMENT && target != document && target != P.$root.parent()[0] && event.which != 3 )

[amanagarwal2189]

@DanielRuf is it being planned to push 1.0.0 of materialize to Atmosphere? the last update to materialize on Atmosphere was on Aug 26, 2017.

[DanielRuf]

@amanagarwal2189 I do not know, I am not a maintainer of this project and was just one of a few longtime contributors.

[amanagarwal2189]

@DanielRuf ah. Thank you for the response. Any way to communicate this to the Maintainers? I did log an issue. But I don't know the turnaround time for it.

[guianzollin]

One alternative for select is delete this code in materialize.js

$(this).trigger('open', ['focus']);

[DanielRuf]

Not really a solution for a regression caused by Chrome tbh.

[guianzollin]

Not really a solution, but is an alternative while the solution is not available

[mcapraveen4082]

No need to change any file just use below code after initialization.
$('.datepicker').on('mousedown',function(event){
event.preventDefault();
});