twbs / bootstrap

The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
https://getbootstrap.com
MIT License
169.99k stars 78.75k forks source link

input[type="date"] in chrome 25 #7061

Closed jhfrench closed 11 years ago

jhfrench commented 11 years ago

Date inputs such as in Chrome used to allow the user to see a "pop-up" calendar to help choose a date. I noticed yesterday‡ that behavior has stopped; the input only allows the user to arrow up/down the date parts (month/day/year). I visited the Chrome blog and ran a Google search, but can't find any mention of this change. Why has the behavior of input type="date" changed? Curiously, this change seems to be limited to Bootstrap, as http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_date still exhibits the datepicker.

See http://stackoverflow.com/questions/15070600/why-has-the-behavior-of-input-type-date-changed for further details

‡: I suspect Chrome auto-updated (to Version 25.0.1364.97 m)

asumaran commented 11 years ago

I think Chrome 25 have updated the date input behaviour "Better support for HTML5 time/date inputs" http://googlechromereleases.blogspot.com/2013/02/stable-channel-update_21.html

a.

On Mon, Feb 25, 2013 at 10:58 AM, Jeromy French notifications@github.comwrote:

Date inputs such as in Chrome used to allow the user to see a "pop-up" calendar to help choose a date. I noticed yesterday‡ that behavior has stopped; the input only allows the user to arrow up/down the date parts (month/day/year). I visited the Chrome blog and ran a Google search, but can't find any mention of this change. Why has the behavior of input type="date" changed? Curiously, this change seems to be limited to Bootstrap, as http://www.w3schools.com/html/tryit.asp?filename=tryhtml5_input_type_datestill exhibits the datepicker.

‡: I suspect Chrome auto-updated (to Version 25.0.1364.97 m)

— Reply to this email directly or view it on GitHubhttps://github.com/twitter/bootstrap/issues/7061.

KarlDoyle commented 11 years ago

This is due to Bootstrap applying DISPLAY:INLINE-BLOCK Remove this and the date picker arrow shows up as expected Screen Shot 2013-02-25 at 21 25 51

jhfrench commented 11 years ago

Someone has opened a Chrome bug for this: https://code.google.com/p/chromium/issues/detail?can=2&start=0&num=100&q=date%20picker&colspec=ID%20Pri%20Mstone%20ReleaseBlock%20OS%20Area%20Feature%20Status%20Owner%20Summary&groupby=&sort=&id=178175

jhfrench commented 11 years ago

From http://stackoverflow.com/a/15081956/1430996: "...The Google Chrome Issue was marked as a regression, so this will hopefully be fixed soon..."

From http://stackoverflow.com/a/15107073/1430996: "...Chromium team accepted the bug and submitted a patch back to WebKit. The gist of the change is that the date controls will be rendered inside a flexible box element regardless of the style applied to the input[type='date'] control..."

mdo commented 11 years ago

Closing this out then as a Chrome bug. Thanks!

jhfrench commented 11 years ago

Chrome version 26.0.1410.43 m displays Bootstrapped date inputs properly again. Just FYI...