search

motss / app-datepicker

Datepicker element built with Google's lit and Material Design 2021
https://npm.im/app-datepicker
MIT License
180 stars 51 forks source link

Switching months causes unexpected behavior in edge #160

Closed kaseyhinton closed 4 years ago

kaseyhinton commented 5 years ago

Description

Changing months in edge causes the app-datepicker to behave strangely. Clicking next moves me september -> november. Clicking back to the previous month then takes me to a blank calendar.

 "lit-element": "^2.2.0",
 "app-datepicker": "^4.0.0-rc.30"
<app-datepicker
    firstdayofweek="0"
    showweeknumber="false"
    weeknumbertype="first-4-day-week"
    landscape="false"
    startview="calendar"
    min=""
    max=""
    value="2019-09-18"
    locale="en-US"
    disableddays=""
    disableddates=""
    weeklabel="Wk"
    dragratio="0.15">
</app-datepicker>

Expected outcome

The month progresses in proper order on click or drag forward and backward.

Actual outcome

The next month will occasionally get skipped and going backward shows a blank calendar.

Live Demo

app-datepicker-edge-bug

Steps to reproduce

  1. Install app-datepicker
  2. Load polyfills copied from demo
  3. Import app-datepicker on page copying config in the demo
  4. Open in edge (non chromium version)

Browsers Affected

Edge Browser Version Microsoft Edge 44.18362.329.0

I tested in chrome and the chromium version of edge and did not see this problem.

motss commented 5 years ago

@kaseyhinton First of all, thanks for reporting this bug happening on MS Edge. Was on vacation for the past few weeks. I'll take a look into this critical bug. I reckon this is caused by the Web Animation polyfill but need to dive deeper to find out the root cause.

motss commented 4 years ago

@kaseyhinton Sorry for the delay. This should have been fixed in latest release.

motss commented 4 years ago

Closing this.