Issue metadata
Sign in to add a comment
|
Date picker year selection is not intuitive
Reported by
mfulto...@gmail.com,
Aug 3 2017
|
||||||||||||||||||||
Issue descriptionSteps to reproduce the problem: 1. Open a page with a date input type in it (e.g. https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date). 2. Tap the date input. 3. The calendar based date picker is displayed but some users don't know they can tap on the year to change it. What is the expected behavior? A month/day/year scrolling date picker is displayed which intuitively allows the user to select a date even for a distant year. What went wrong? The calendar based date picker is great for when the day of the week matters, etc. but doesn't work well for things like date of birth or other distant dates as some users do not know that they can tap the year to get a scrolling year picker. Did this work before? Yes Not sure but I believe it worked on older versions of Android before the new calendar based date picker was introduced. Does this work in other browsers? No Other browsers on Android appear to use the same calendar-based date picker. Safari on iOS uses a scrolling month/day/year input. Chrome version: 59.0.3071.125 Channel: stable OS Version: 6.0.1 Flash Version: It would be great if there were some CSS or attribute that could be applied to specify which date picker should be used on Chrome on Android. Sometimes the calendar based date picker is a good choice but other times the month/day/year scrolling picker is a better experience.
,
Aug 7 2017
Users can choose years by touching "2017" on the top-left corner. This UI might not be intuitive. But it's an issue of the UI widget of Android OS. Please file an issue for Android [1]. IMO, we don't need an HTML attribute or CSS property for the UI behavior customization for this. However if you want one, please file an issue for WHATWG or CSSWG. [1] https://source.android.com/source/report-bugs
,
Aug 27 2017
Thank you for your reply. I am confused though. When I go to report a browser issue for Android I get the following message: Please do not open WebView and/or Browser bugs here. Use Chromium Issue Tracker (https://bugs.chromium.org/p/chromium/issues/list) instead. When using the Chromium Issue Tracker, choose Android as the operating system, and describe whether it is a WebView or a Chrome browser problem in the description. Where should I report this bug if not here? Thank you.
,
Aug 27 2017
To clarify, Android has various types of date picker but Chrome for Android is choosing to use one that may not be the best fit for fields like date of birth, etc. As such, this seems to be a Chrome issue to me as it should be able to display whichever date picker it wants. Please help my lack of understanding. Thank you.
,
Aug 28 2017
Chromium uses android.app.DatePickerDialog with the default style. Though it might be possible for Chromium to specify spinner-style date picker explicitly, it's not a right fix. The calendar-style date picker of Android system shouldn't have the unintuitiveness for year selection. Fixing the unintuitive issue in Android system will improve UX of many Android applications.
,
Aug 28 2017
I agree that fixing the calendar view date picker at the core of Android is the right long term fix. I found this morning https://issuetracker.google.com/issues/37101046 which tracks this issue for Android in general. I am concerned that even once it is fixed there will still be versions of Android running Chrome for years to come where it won't be fixed and this will make adoption of the HTML date input type difficult. Where I currently work, for example, we have decided to explicitly avoid the HTML date input type simply because of how it works on Chrome. I motion that adding CSS support (or something similar) to explicitly specify the mode, calendar or spinner, is still an appropriate short and long term fix so that developers can give their users a better experience. Even within the same web page both date picker modes may want to be used. e.g. one input for date of birth and one input to schedule an appointment in the near future. The prior would use the spinner mode while the later would use the calendar view. |
|||||||||||||||||||||
►
Sign in to add a comment |
|||||||||||||||||||||
Comment 1 by dtapu...@chromium.org
, Aug 4 2017