MaterialTimePicker not working correctly on touch-screen devices

[andreififiita]

When tapping the time textbox of the MaterialTimePicker, the clock selection popup appears and quickly disappears, making it impossible for the user to choose the time.

You can test on Android phone, or even in Chrome Dev Tools with device toolbar activated (for ex. Responsive mode with tough screen), directly in the demo here: https://gwtmaterialdesign.github.io/gmd-addins-demo/#timepicker

On laptops/desktops it workes fine.

Also, if you have a workaround idea or something I could try until it is patched, please share.

[kevzlou7979]

I have some workaround, this seems to have an issue with Android Chrome Browser (Latest), we need to update the timepicker. Below is the workaround you can use.

timePicker.addTouchStartHandler(event -> {
            event.stopPropagation();
            event.preventDefault();
            timePicker.open();
        });

[kevzlou7979]

But still will see a proper fixed for the touch-devices for latest chrome on Android.

[andreififiita]

It works. Thank you!