nhn/tui.calendar

Issue with pop up placement

rp-omar opened this issue · 3 comments

rp-omar commented

Version

@toast-ui/react-calendar@2.1.3

Test Environment

Chrome Version 123, MacOs Sonoma 14

Current Behavior

The eventDetailPopup is not positioned correctly when the Calendar component is in a parent that has a width/height different than 100%, here is a reproduction
https://codesandbox.io/p/sandbox/toast-ui-react-calendar-bug-report-f4522l

Expected Behavior

The eventDetailPopup is positioned correctly. V1 is working fine.

jithutj commented

I am also facing the same issue when I put the height: 500px to fix "month" view overlap..
But now the event popup is misplaced.
image

below is the css i added to fix the month view:-

.toastui-calendar-layout.toastui-calendar-month {
                height: 500px !important;
                min-height: 500px;
                max-height: 600px;
            }
  • 👍1
hongrunhui commented

I am also happend, the card will render in error position