search

antoniandre / vue-cal

A Vue.js full calendar, no dependency, no BS. :metal:
https://antoniandre.github.io/vue-cal/
MIT License
1.23k stars 234 forks source link

BUG (w/ potential solution): Day-view cell-content click listener's div height is very small when using vuecal--rounded-theme; click, dbl-click, click-hold handler does not work as expected #525

Open yllaw opened 1 year ago

yllaw commented 1 year ago

Using version "vue-cal": "^4.8.1"

Problem: On the day view for vue-cal when using css class vue-cal--rounded-theme the cell-content height is very small; thus, the event listener (click, dbl-click, click-hold) only works at the top cell of the vue-cal (where 'no event' text is rendered).

Expected behavior: Click-event handler should be called for every cell of the day-view (or the full height of the .day-view .vue-cal__cel-content).

Solution/workaround using Tailwind css on vue-cal:

.day-view .vuecal__cell-content {
  @apply h-full;
}

The vue-cal--rounded-theme will need to apply height: 100%; css styling to.day-view .vuecal__cell-content