search

nathanreyes / v-calendar

An elegant calendar and datepicker plugin for Vue.
https://vcalendar.io
MIT License
4.36k stars 850 forks source link

Month/Year picker popover blurry in Chrome #485

Open lllopo opened 4 years ago

lllopo commented 4 years ago

The Month/Year picker appears blurry in Chrome, due to a bug, that causes Chrome to miscalculate subpixel values properly on some transforms including translate3d(). The solution is to use top/left for positioning instead of transforms.

dolbex commented 4 years ago

I have this same issue. Any fixes out there for the current implementation?

dolbex commented 4 years ago

I will say: I fixed this issue for myself (and this worked for my particular scenario) by ensuring the container was an even numbered hard coded width. Kind of gross but here's an example:

  computed: {
    modalStyles() {
      const windowWidth = window.innerWidth;

      if (windowWidth < 768) {
        return { width: '95vw' };
      }

      return { width: '560px' };
    },
  },
lllopo commented 4 years ago

I have this same issue. Any fixes out there for the current implementation?

I actually suggested in another issue (along with other suggestions) to move the picker inside the main calendar frame, just as many other pickers do. This would not just solve this issue, but also make it more touch friendly as it will be bigger too.