Safari: Clicks on a month or year don't bring up drop-downs unless you position cursor up

dbrekalo / vue-date-pick

Lightweight and mobile friendly date time picker based on Vue. Vue date pick emphasizes performance, elegant and usable UI on all screen sizes and simplicity of configuration. Has no dependencies on css frameworks or date libraries. Weighs less then 5KB.

https://dbrekalo.github.io/vue-date-pick/

MIT License

251 stars 84 forks source link

Safari: Clicks on a month or year don't bring up drop-downs unless you position cursor up #77

Open DKroot opened 3 years ago

DKroot commented 3 years ago

I'm running into a usability issue in Safari. Clicks on a month or year don't bring up drop-downs unless you position cursor up: 5-10 px or so. Chrome doesn't exhibit this issue. I'm testing on macOS Catalina, Safari v14.0.3.

BTW, the following CSS snippet, courtesy of @tcuongtran resolves the issue:

    .vdpPeriodControl > select {
      /* Fix for a problem with month and year cursor positioning in Safari */
      -webkit-appearance: menulist-button;
    }