tui.calendar icon indicating copy to clipboard operation
tui.calendar copied to clipboard

Blank spaces between calendar events

Open benclum11 opened this issue 6 years ago • 8 comments

Version

[email protected]

Development Environment

MacOS 10.13.6, Chrome Version 68.0.3440.106

Current Behavior

When you drag/drop an event (reschedule it) in the calendar, blank spaces are left between events: https://screencast.com/t/iBCngEPCrLl

// Write example code

Expected Behavior

events will not have blank spaces between them or will be pinned to the top of the day.

benclum11 avatar Aug 27 '18 12:08 benclum11

@benclum11 Could you please provide us schedule data? It is important to know category, start, end and so on.

dongsik-yoo avatar Aug 28 '18 07:08 dongsik-yoo

@dongsik-yoo here's the schedule data for these four events: https://screencast.com/t/LdsPNDtar

{id: 489273, title: Workout for 2018-08-17, isAllDay: true, start: 1534478400000, end: 1534564799000, color: #ffffff, isVisible: true, bgColor: #69BB2D, dragBgColor: #69BB2D, borderColor: #69BB2D, calendarId: logged-workout, category: allday, dueDateClass: , customStyle: cursor: default;, isPending: false, isFocused: false, isReadOnly: true, isPrivate: false, location: , attendees: , recurrenceRule: , state: }

{id: 18073, title: completed with blocks, isAllDay: true, start: 1534392000000, end: 1534478399000, color: #ffffff, isVisible: true, bgColor: #54B8CC, dragBgColor: #54B8CC, borderColor: #54B8CC, calendarId: workout, category: allday, dueDateClass: , customStyle: , isPending: false, isFocused: false, isReadOnly: false, isPrivate: false, location: , attendees: , recurrenceRule: , state: }

{id: 18131, title: 12, isAllDay: true, start: 1534478399000, end: 1534478399000, color: #ffffff, isVisible: true, bgColor: #54B8CC, dragBgColor: #54B8CC, borderColor: #54B8CC, calendarId: workout, category: allday, dueDateClass: , customStyle: , isPending: false, isFocused: false, isReadOnly: false, isPrivate: false, location: , attendees: , recurrenceRule: , state: }

{id: 489272, title: Workout for 2018-08-17, isAllDay: true, start: 1534478400000, end: 1534564799000, color: #ffffff, isVisible: true, bgColor: #69BB2D, dragBgColor: #69BB2D, borderColor: #69BB2D, calendarId: logged-workout, category: allday, dueDateClass: , customStyle: cursor: default;, isPending: false, isFocused: false, isReadOnly: true, isPrivate: false, location: , attendees: , recurrenceRule: , state: }

benclum11 avatar Aug 28 '18 11:08 benclum11

@benclum11 I checked your schedule data. The result is different between your screen shot and this of your data. image

Please confirm your schedule data are correct to reproduce this issue.

dongsik-yoo avatar Sep 04 '18 07:09 dongsik-yoo

@dongsik-yoo that's the correct data. the difference in the screenshots is because of timezone differences. In our timezone, those timestamps shouldn't be spanning multiple days, but in yours they would be

benclum11 avatar Sep 05 '18 13:09 benclum11

Please let me know your timezone name and difference hours. Seoul is GMT+09

dongsik-yoo avatar Sep 05 '18 13:09 dongsik-yoo

timezone is: EST (UTC -5)

benclum11 avatar Sep 05 '18 13:09 benclum11

OK. I'll reproduce this with your timezone.

dongsik-yoo avatar Sep 06 '18 00:09 dongsik-yoo

I set my timezone to EST (UTC-5) and UTC-4 both. getTimezoneOffset() returns 300 and 240, respectively. I saw single day events not spanning multiple days, but couldn't see blank spaces. It's difficult to reproduce this for me.

dongsik-yoo avatar Sep 06 '18 02:09 dongsik-yoo