-
Notifications
You must be signed in to change notification settings - Fork 1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Pickadate v5.0.0 Doesn't Work in IE11 (Multiple Issues) #1155
Comments
Quick UpdateIt appears the second and third issues might be caused by IE11 not recognizing multiple click events inside the single button element that wraps the calendar days. Changing the tagName from "button" to "div" in line 878 might fix this issue. I've also found adding more polyfills enables tabbing and using the arrow keys. Out of time for today, so will test / post results in next few days. |
@callaginn thanks for bringing up these issues. (1) v5 will definitely need some polyfills for lower-end browsers. We should add those to the docs. (2) This has been resolved in the (3) The API has been designed to stay open by default. I think we should probably flip that around. |
First off, I've applied the polyfills, I then pulled down the latest copy of the (1) As far as I can tell, here's the minimal set of polyfills needed for the latest commit: (2) Yes, I can confirm this was resolved in the (3) You still can't select an individual day in IE11 unless you change the I will need to test more, but I believe the fix I made to the official release works: but the fix I made to commit 0f971e8 does not work: |
Sounds like we need a |
Issue Summary
IE11 has multiple issues with rendering / activating Pickadate v5.0.0 Alpha 2. I know IE11 sucks by default, but a lot of companies will probably have to support it until the end of time.
This seems to be a three part issue:
The official pickadate demo does not render in IE11 at all. Instead, there's a blank space where the datepicker is supposed to be and this message in the console:
I've found you can get the datepicker to render / activate by adding the following polyfills:
You can't change the month in any browser. It looks like pickadate triggers a form submission every time any calendar item is clicked. However, if you specify the datepicker's button types, you can change the month:
Datepicker won't close or change the date in the input field that triggered it. Zero errors show up in the Chrome Console after making the fixes above.
Codepen Test
I've added a test to Codepen to demonstrate the third issue. This test uses Bootstrap, Pickadate v5.0.0 Alpha 2, IE11 polyfills, and some basic init code:
https://codepen.io/callaginn/pen/QPdxGO
Note: You'll need to open it in debug mode to view it in IE11.
The text was updated successfully, but these errors were encountered: